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基本示例