JavaScript Google Map v3异步地图
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript Google Map v3异步地图相关的知识,希望对你有一定的参考价值。
function showMap() {
var geocoder, map,
gmap = document.getElementById('gmap'),
adr = gmap.getAttribute('rel');
geocoder = new google.maps.Geocoder();
geocoder.geocode( { 'address': adr}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map = new google.maps.Map(document.getElementById("gmap"), {
zoom: 16,
center: results[0].geometry.location,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new google.maps.Marker({
map: map,
title: adr,
position: results[0].geometry.location
});
var infowindow = new google.maps.InfoWindow({
content: adr
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
} else {
alert("Nepodarilo sa nájsť lokalitu " + adr + ": " + status);
}
});
}
function loadMap() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.google.com/maps/api/js?sensor=false&language=sk&callback=showMap";
document.body.appendChild(script);
}
function chMap(adr) {
var gmap = document.getElementById('gmap');
gmap.setAttribute('rel', adr);
showMap();
}
if (document.getElementById('gmap')) {
window.onload = loadMap;
}
以上是关于JavaScript Google Map v3异步地图的主要内容,如果未能解决你的问题,请参考以下文章
使用 google map javascript api v3 在 google map 上添加多个目的地
JavaScript 使用标尺计算Google Map v3上的距离
html Google Map Javascript API v3の基本の使い方
Angularjs - ng-map - Google Maps Javascript API v3 - 如何为多个标记设置最佳缩放
Google Map API Javascript v3-如何在多边形/矩形区域内突出显示特定街道/街道段?
Google地图API V3 Javascript基本示例