Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

...

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);
 
		// 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);
 
	}
 
	jQuery(function() {
		map_initialize();
	});
</script>


<div id="map_canvas"></div>

comment
<p> </p><p> </p>

 

 

<p>&lt;iframe width=&quot;100%&quot; height=&quot;800&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; src=&quot;<a href="https://maps.google.com/maps/ms?msa=0&amp;msid=210027826701877491007.0004c317cf3848ef18b2f&amp;ie=UTF8&amp;t=m&amp;ll=-41.112469,172.287598&amp;spn=13.236531,13.205566&amp;z=6&amp;output=embed" class="external-link" rel="nofollow">https://maps.google.com/maps/ms?msa=0&amp;amp;msid=210027826701877491007.0004c317cf3848ef18b2f&amp;amp;ie=UTF8&amp;amp;t=m&amp;amp;ll=-41.112469,172.287598&amp;amp;spn=13.236531,13.205566&amp;amp;z=6&amp;amp;output=embed</a>&quot;&gt;&lt;/iframe&gt;</p>
comment