Question

我有几个地方的纬度和经度。我想在谷歌地图中显示它们。好吧，我不能在特定的纬度，长位置显示标记。

e.g。如果我有以下代码，是否可以只放置一个选项来显示市场，因为所有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最近发布的一款工具，您可以在其中创建个人地图（创建标记，绘制几何图形以及调整颜色和样式）。

这是我发现的一个有用的教程： Quick Tip: Embedding New Google Maps

Answer 4

没有javascript或第三方工具＆＃39;必要的，用这个：

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

place参数提供标记

＆＃39; q＆＃39;的格式有几种选择。参数

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

了解更多信息，请查看here

Answer 5

使用此功能，请勿忘记从

获取Google API密钥

https://console.developers.google.com/apis/credentials

并替换它

    <div id="map" style="width:100%;height:400px;"></div>

<script>
function myMap() {

var map = new google.maps.Map(document.getElementById("map"), mapOptions);
  var myCenter = new google.maps.LatLng(38.224905, 48.252143);
  var mapCanvas = document.getElementById("map");
  var mapOptions = {center: myCenter, zoom: 16};
  var map = new google.maps.Map(mapCanvas, mapOptions);
  var marker = new google.maps.Marker({position:myCenter});
  marker.setMap(map);
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=myMap"></script>

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

5 个答案: