如何使Google地图的脚本地图居中

时间:2012-06-28 10:12:34

标签: javascript google-maps google-maps-api-3

我正在尝试将地图集中在我指定的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中。我不知道这么做。

那么,我如何在Google Maps API上链接地图?

非常感谢。

1 个答案:

答案 0 :(得分:0)

这样做的简单方法是使用像maps.huge.info/pinpointaddress.htm这样的地理编码服务,它可以为您提供一些坐标。 (对于那个,你需要稍微移动标记以使其显示坐标)。

然后,使用正确的坐标替换代码中的13.49375,19.75341,例如38.570918,-0.076218

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


不要一次提出多个问题。请询问有关StreetView的其他问题。目前尚不清楚您是在API地图或Google地图中询问Streetview。