在带有标记的HTML中嵌入Google地图代码

我有几个地方有经纬度。我想在谷歌地图上显示它们。没关系，我不能在特定的横向、纵向位置显示标记

e、 如果我有下面的代码，是否可以放置一个选项来显示市场，因为所有的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>

您发布的元素看起来像是从谷歌地图嵌入功能复制粘贴的

如果您想删除已有位置的标记，则需要编写一些JavaScript来完成此操作。我也在学习如何做到这一点

请查看以下内容：

---

它有几个示例和代码示例，可以很容易地重复使用和调整，以适应您当前的问题。

学习谷歌的JavaScript库是一个不错的选择。如果您不想开始编写代码，您可能会发现它很有用

这是谷歌最近发布的一个工具，你可以在其中创建个人地图（创建标记、绘制几何图形、调整颜色和样式）

以下是我发现的一个有用的教程：

---

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

---

无需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嵌入API和静态地图API，否则Google将阻止该请求

---

有关更多信息，请检查使用此项，不要忘记从

并替换它

    <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>

函数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）；
}

&output=embed不再受支持。如果您只想使用嵌入（当前免费）并使用long&lat从数据库显示标记，请严格检查本教程所需内容-完美！