summaryrefslogtreecommitdiff
path: root/static/319/mapstyle.js
blob: bb1ff01db54459385caeab5ce2b2877b1a203c14 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
var electroStyle = [
  {
    featureType: "all",
    elementType: "all",
    stylers: [
      { invert_lightness: true }
    ]
  }, {
    featureType: "administrative.country",
    elementType: "geometry",
    stylers: [
      { visibility: "off"}
    ]
  }, {
    featureType: "landscape",
    elementType: "all",
    stylers: [
      { visibility: "off" }
    ]
  },{
    featureType: "poi",
    elementType: "all",
    stylers: [
      { visibility: "off" }
    ]
  },{
    featureType: "road",
    elementType: "all",
    stylers: [
      { hue: "#ffff00", lightness: 100, saturation: 1000, gamma: 10}
    ]
  },{
    featureType: "transit",
    elementType: "all",
    stylers: [
      { hue: "#ffff00", lightness: 300, saturation: 100, gamma: 10 }
    ]
  },{
    featureType: "water",
    elementType: "labels",
    stylers: [
      { visibility: "off" }
    ]
  },{
    featureType: "water",
    elementType: "geometry",
    stylers: [
      { lightness: 20 }
    ]
  },  {
    featureType: "all",
    elementType: "labels",
    stylers: [
      { visibility: "off" }
    ]
  }
]

var Data = [
  { img: "http://i29.photobucket.com/albums/c268/denny_816/mia.jpg",
    location: [30.16175, -97.443502],
    link: "http://i29.photobucket.com/albums/c268/denny_816/mia.jpg"
  },
  { img: "http://okfoc.us/mia/maps/getshit.png",
    location: [37.0625,-95.677068],
    link: "http://ithinkyoumightgetshitforthat.com/"
  },
  { img: "http://okfoc.us/mia/maps/boat.png",
    location: [43.406045,-78.821411],
    link: "http://4thepeopleontheboat.com/"
  },
  { img: "http://okfoc.us/mia/maps/fb.png",
    location: [40.732826,-73.993992],
    link: "http://facebookgooglemyspaceyoutube.com/"
  },
  { img: "http://okfoc.us/mia/maps/lilpeople.png",
    location: [37.0625,-95.677068],
    link: "http://yesthelittlepeoplewillneverwinbuttheycanfuckshitup.com/"
  },
  { img: "http://okfoc.us/mia/maps/bedroom.png",
    location: [34.041281,-118.138733],
    link: "http://bedroomtothehallwaytotheroadtotheworld.com/"
  },

];

function markify(url) {
  return "http://service.simile-widgets.org/painter/painter?renderer=map-marker&shape=circle&alpha=0.7&width=60&height=60&background=FF9000&label=&icon=" + url + "&iconX=0&iconY=0&pinHeight=6&pinWidth=6&.png";
}


function initialize() {

    var latlng = new google.maps.LatLng(30.16175,-97.443502);
    var myOptions = {
      zoom: 3,
      center: latlng,
      disableDefaultUI: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
    var electroMapOptions = {
      name: "ElectroType"
    };
    var electroType = new google.maps.StyledMapType(electroStyle, electroMapOptions);

    map.mapTypes.set('electro', electroType);
    map.setMapTypeId('electro');

    for (var i in Data) {
      var d = Data[i];
      var marker = new google.maps.Marker({
        position: new google.maps.LatLng(d.location[0], d.location[1]),
        map: map,
        icon: markify(d.img)
      });  
      google.maps.event.addListener(marker, 'click', function() {

      });
    }
}