如何居中谷歌地图的脚本地图

How to center a script map of Google Maps

本文关键字：脚本 地图 谷歌地图 何居中      更新时间：2023-09-26

我正在尝试将地图集中在我指定的 LatLng 上，但我不确定如何做到这一点。我有这个 iframe 链接：

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" 
marginwidth="0" src="https://maps.google.es/maps?f=q&amp;source=embed&amp;
hl=es&amp;geocode=&amp;q=Cam%C3%AD+Vell+d'Altea,+33,+L'Alf%C3%A0s+del+Pi&amp;
aq=0&amp;oq=cam%C3%AD+vell+d'altea+33&amp;
sll=40.396764,-3.713379&amp;sspn=13.49375,19.753418&amp;ie=UTF8&amp;hq=&amp;
hnear=Cam%C3%AD+Vell+d'Altea,+33,+03581+L'Alf%C3%A0s+del+Pi,+Alicante,+Comunidad+
Valenciana&amp;t=m&amp;ll=38.570757,-0.076316&amp;spn=0.001743,0.004128&amp;
z=14&amp;layer=c&amp;cbll=38.570736,-0.076335&amp;panoid=DplK9JGOu0KAPqoT95VMgQ&amp;
cbp=12,309.4,,0,8.19&amp;output=svembed"></iframe><br /><small>

我希望它是使用Google API的脚本位置。我有这个代码：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript"
  http://maps.googleapis.com/maps/api/js?key=MY_KEY&sensor=false&callback=initialize>
</script>
<script type="text/javascript">
  function initialize() {
    var myOptions = {
      center: new google.maps.LatLng(13.49375,19.75341),
      zoom: 12,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }
  function loadScript() 
  {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://maps.googleapis.com/maps/api/js?key=MY_KEY&sensor=false&callback=initialize";
    document.body.appendChild(script);
  }
  window.onload = loadScript;
</script>

但我想把iframe的具体地址放到我刚刚复制的Google API上。我不知道这样做很热。

那么，如何在谷歌地图API上链接地图呢？

非常感谢。

执行此操作

的简单方法是使用地理编码服务（如 maps.huge.info/pinpointaddress.htm），该服务可为您提供一些坐标。（对于那个，您需要稍微移动标记以使其显示坐标）。

然后，将代码中的13.49375,19.75341替换为正确的坐标，38.570918,-0.076218：

center: new google.maps.LatLng(38.570918,-0.076218),

 

不要一次问多个问题。请再问一个关于街景的问题。目前尚不清楚您是在API地图还是Google地图中询问街景。

相关文章：