<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
#map_canvas { height: 100% }
</style>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBV87SCiVzgcGduSMcR4wU_4eksASkENtQ&sensor=false"></script>
<script>
function map_initialize() {
var styles = [
{
featureType: "water",
elementType: "geometry",
stylers: [
{ color: "#ffffff" }
]
}
/*,{
featureType: "landscape.natural",
elementType: "geometry",
stylers: [
{ color: "#c4c784" }
]
},{
featureType: "poi.park",
elementType: "geometry",
stylers: [
{ color: "#8eb053" }
]
}
*/
];
var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"});
var mapOptions = {
/* center: new google.maps.LatLng(-43.586781, 170.370987), */
zoom: 5,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
//Associate the styled map with the MapTypeId and set it to display.
//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" style="width:100%; height:100%"></div>
|