...
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="https://maps.googleapis.com/maps/api/js?libraries=visualization&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); // edit here: http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html var styles = [ { "featureType": "administrative", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "transit", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "landscape", "elementType": "all", "stylers": [ { "hue": "#727D82" }, { "lightness": -30 }, { "saturation": -80 } ] }, { "featureType": "water", "elementType": "all", "stylers": [ { "visibility": "simplified" }, { "hue": "#F3F4F4" }, { "lightness": 100 }, { "saturation": -80 } ] } ] ; 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); // 2014-07: Update to Google Maps Engine var georssLayer = new google.maps.KmlLayer('https://mapsengine.google.com/map/kml?mid=zZFxUUgqpKyY.klU0xrgqkhiE'); georssLayer.setMap(map); } jQuery(function() { map_initialize(); }); </script> <div id="map_canvas"></div> |
...