...
HTML |
---|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> #map_canvas { height: 900px; margin-top: -60px; } </style> <!-- API Key = mcackay --> <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBGK-wYc6UBof6pHaOdhqFCrH59u-p-Ml8&sensor=false"></script> <script> function map_initialize() { var mapOptions = { center: new google.maps.LatLng(-42, 173), zoom: 6, mapTypeId: google.maps.MapTypeId.TERRAIN }; var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); var styles_DISABLED = [ { featureType: "water", elementType: "geometry", stylers: [ { color: "#ffffff" } ] } /*,{ featureType: "landscape.natural", elementType: "geometry", stylers: [ { color: "#c4c784" } ] },{ featureType: "poi.park", elementType: "geometry", stylers: [ { color: "#8eb053" } ] } */ ]; // edit here: http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html var styles = [ { "stylersfeatureType":[ { "visibility":"on" }, { "poi", "saturationstylers":-13 [ }, { "lightness":-17 -29 }, { "hue":"#ff6e00" } ] }, { "featureType": "water", "stylers": [ { "visibility":"on" }, { "lightness": 100 } ] }, { "featureType": "poilandscape", "stylers": [ { "lightness":39 }, { "saturation":-43 }, { "visibility":"on" } ] }, { "elementTypehue":"geometry", "featureType":"roads", "stylers":[ { "visibility":"on" }, { "#77ff00" } "lightness":30 } ] }, { "elementType":"labels", "stylers":[ { "lightness":35 } ] } ] ; var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"}); map.mapTypes.set('map_style', styledMap); map.setMapTypeId('map_style'); // Add our 'My Google Maps' layer var georssLayer = new google.maps.KmlLayer('https://maps.google.com/maps/ms?authuser=1&vps=2&ie=UTF8&msa=0&output=kml&msid=210027826701877491007.0004c317cf3848ef18b2f'); georssLayer.setMap(map); } jQuery(function() { map_initialize(); }); </script> <div id="map_canvas"></div> |
...