javascript - 如何通过超链接将参数传递到嵌入式谷歌地图

Question

我有谷歌地图的问题。我需要通过超链接将一些参数（地址和一些标记选项）传递给嵌入式谷歌地图。可能吗？

你有什么建议吗？

问候，

马塞洛

Answer 1

是的 ！这很简单。让我给你举个例子：

此代码段通过获取您的当前位置并在 1 公里半径内绘制另一个标记并在它们之间绘制一条线来创建静态地图 V2。你可以很容易地看到它是如何工作的。

<script>
function showMap(position) {
var lat = Math.random()*((position.coords.latitude+0.005)-(position.coords.latitude -0.005))+(position.coords.latitude - 0.005);
var log = Math.random()*((position.coords.longitude+0.01)-(position.coords.longitude -0.01))+(position.coords.longitude - 0.01);

$('#map').css({'background-image':'url(http://maps.googleapis.com/maps/api/staticmap?center='+position.coords.latitude+','+position.coords.longitude+'&zoom=15&size=600x305&maptype=roadmap &markers=color:red%7C'+position.coords.latitude+','+position.coords.longitude+'%7C'+lat+','+log+'&path=color:0x17A689|weight:2|'+position.coords.latitude+','+position.coords.longitude+'|'+lat+','+log+'&sensor=false)','background-position':'right','background-repeat':'no-repeat'});
}

navigator.geolocation.getCurrentPosition(showMap);
</script>

当脚本加载时，它将更改<div id="map"></div>并为其分配具有链接中指定尺寸的背景图像。

您可以创建一个获取参数的函数并使用它们来制作地图。

https://developers.google.com/maps/documentation/staticmaps/