Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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?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>

...