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