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/

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

1 个答案: