Javascript 如何将谷歌地图的脚本地图居中_Javascript_Google Maps_Google Maps Api 3

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

javascript google-maps google-maps-api-3

Javascript 如何将谷歌地图的脚本地图居中,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我正在尝试将地图居中放置在我指定的板条上，但我不确定如何做到这一点。我有一个iframe链接：我希望它是一个使用谷歌API的脚本位置。我有以下代码： <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html

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

我希望它是一个使用谷歌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>


html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
函数初始化（）{
变量myOptions={
中心：新google.maps.LatLng（13.49375,19.75341），
缩放：12，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map_canvas”），
肌肽）；
}
函数loadScript（）
{
var script=document.createElement（“脚本”）；
script.type=“text/javascript”；
script.src=”http://maps.googleapis.com/maps/api/js?key=MY_KEY&sensor=false&callback=initialize";
document.body.appendChild（脚本）；
}
window.onload=loadScript；

但是我想把iframe的具体地址放到我刚才复制的GoogleAPI中。我不知道该怎么做

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

非常感谢。

简单的方法是使用地理编码服务，如maps.mages.info/pinpintaddress.htm，它可以为您提供一些坐标。（对于这种情况，需要稍微移动标记以使其显示坐标）

然后，用正确的坐标替换代码中的

13.49375,19.75341

，例如

38.570918，-0.076218

：

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

不要一次问一个以上的问题。请再问一个关于街景的问题。不清楚您是在API地图中询问Streetview还是在Google地图中询问Streetview。

您的意思是这样替换脚本src吗？因为我这样做了，但它不起作用。很抱歉发布了两个问题，我只会提出一个…否：首先使用地理编码服务找到您需要的坐标，然后将这些坐标插入到您发布的代码中。因此，我们没有将该URL制作成链接：复制并粘贴到浏览器窗口中，然后查看它的功能。

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