自定义嵌入式谷歌地图（添加位置标记）？

我试图在谷歌地图添加位置信息的公司，我使用这个代码的时刻嵌入在网站上的地图位置：自定义嵌入式谷歌地图（添加位置标记）？

<iframe width="100%" height="550" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/?ie=UTF8&amp;t=m&amp;ll=26.180782,50.509&amp;spn=0.018486,0.027466&amp;z=15&amp;output=embed"></iframe>

这里是我想去的地方到图像标注地图：

http://img35.imageshack.us/img35/7789/jm8i.png

在maps.google.com我尝试使用我的地方>创建地图选项，它的工作，但它嵌入也显示编辑菜单（层options..etc）和我不能不要调整缩放级别，以免按照我想要的方式工作，我希望它看起来像ima ge加了一个标记。

AFAIK您可以在谷歌地图上正式添加贵公司的详细信息，但这需要验证，可能需要2周以上，公司所有者急于启动网站，因此我现在需要一个快速解决方案。

任何帮助将不胜感激！

来源

2014-01-09 user1594603

http://mapsengine.google.com？提供你想要我想的。 –

我在GitHub上有一个项目可能适合您的需求。你对叉子的欢迎。 https://github.com/dreamcc/google-world-map?files=1 – davidcondrey

你可以试试http://www.embed-google-map.com/。这是我用来为网站生成嵌入式iframe地图的。

来源

2014-01-09 16:34:09

如果你把你的iframe的网址：

https://maps.google.com/?ie=UTF8&amp;t=m&amp;ll=26.180782,50.509&amp;spn=0.018486,0.027466&amp;z=15&amp;output=embed

，改变ll=到daddr=，这将设置终点的方向进行搜索，以继=坐标。

所以你iframe代码现在：

<iframe width="100%" height="550" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/?ie=UTF8&amp;t=m&amp;daddr=26.180782,50.509&amp;spn=0.018486,0.027466&amp;z=15&amp;output=embed"></iframe>

DEMO

这增加了标准的绿色标记到地图中。看起来坐标有点不对（见下图），但希望这有助于。

enter image description here

来源

2014-01-09 16:42:17 tomsullivan1989

谷歌静态地图听起来像是你最好的选择。完整的文档可以在https://developers.google.com/maps/documentation/staticmaps/找到。

你不需要一个iframe。只需使用带有适当“src”值的img标签即可。继承人的SRC你需要：

http://maps.googleapis.com/maps/api/staticmap?center= YOUR LAT AND LONG SEPERATED BY COMMA &变焦= DESIRED ZOOM LEVEL &大小= DESIRED DIMENSIONS &标记=颜色：红色％7C YOUR LAT AND LONG AGAIN &传感器=假

实施例：

<img src="https://maps.googleapis.com/maps/api/staticmap?center=26.178019,50.509642&zoom=15&size=600x300&markers=color:red%7C26.178019,50.509642&sensor=false" alt="">

来源

2014-01-09 16:50:43 Lawren

自定义嵌入式谷歌地图（添加位置标记）？

回答

相关问题