使用标记在Google HTML中嵌入Google地图代码

Question

我有几个地方的纬度和经度.我想在谷歌地图中显示它们.多数民众赞成,我不能在特定的纬度,长位置显示标记.

例如,如果我有以下代码,是否可以只放置一个选项来显示市场,因为所有的lat,long coord都来自数据库并与php回应

<iframe width="425" height="350" frameborder="0" scrolling="no" 
        marginheight="0" marginwidth="0" 
        src="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722&amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;
        output=embed"></iframe>
        <br />
        <small><a href="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722
                  &amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;source=embed"
               style="color:#0000FF;text-align:left">View Larger Map
               </a>
        </small>

Answer 1

我建议这样,一行iframe.根本不需要javascript.在查询？q =,

<iframe src="http://maps.google.com/maps?q=12.927923,77.627108&z=15&output=embed"></iframe>

Answer 2

您发布的元素看起来就像是从Google Maps嵌入功能中复制粘贴的.

如果您想删除所有位置的标记,则需要编写一些JavaScript来执行此操作.我正在学习如何做到这一点.

请查看以下内容:https: //developers.google.com/maps/documentation/javascript/overlays

它有几个示例和代码示例,可以轻松地重复使用并适应您当前的问题.

Answer 3

学习Google的JavaScript库是一个不错的选择.如果您不想进入编码,可能会发现Maps Engine Lite非常有用.

它是Google最近发布的一款工具,您可以在其中创建个人地图(创建标记,绘制几何图形并调整颜色和样式).

这是我发现的一个有用的教程: 快速提示:嵌入新的Google地图

Answer 4

不需要javascript或第三方“工具”，请使用以下方法：

<iframe src="https://www.google.com/maps/embed/v1/place?key=<YOUR API KEY>&q=71.0378379,-110.05995059999998"></iframe>

place参数提供标记

“ q”参数的格式有一些选项

请确保您已在API中启用了Google Maps Embed API和Static Maps API，否则Google将阻止该请求

欲了解更多信息，请点击这里