Iframe中的Google Map渲染

时间:2014-04-10 06:18:35

标签: google-maps iframe

您好我正在使用以下代码渲染googlemap。我需要使用iframe显示下面的地图。

但是将纬度和逻辑作为参数传递。请让我知道将纬度和逻辑作为参数值而不是地址传递的方法,如下所示。

  <iframe width="{600}" height="{500}" src="{https://maps.google.com/maps?         
  q=Berry%20Street%2012%20%2C%20%20New%20York&t=m&z=14&ie=UTF8&iwloc=&output=embed}" 
  frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>

  <iframe src="http://www.embed-google-map.com/embed-map.php?get=map-datas" 
  frameborder="0" scrolling="no" marginheight="0" marginwidth="0">

 </body>

  </html>

1 个答案:

答案 0 :(得分:0)

您需要传递中心参数,这是您需要添加的片段,并指定纬度和经度。

<iframe width="600" height="450" frameborder="0" style="border:0"
    src="https://www.google.com/maps/embed/v1/view?key=API_KEY&center=40.7220423,-73.9599656&zoom=18&maptype=satellite">
</iframe>

可选参数

center 定义地图视图的中心。它接受以逗号分隔的纬度和经度值(例如37.4218,-122.0840)。

缩放设置地图的初始缩放级别。

maptype 可以是路线图(默认)或卫星,并定义要加载的地图图块的类型。

语言定义用于UI元素和在地图图块上显示标签的语言。

区域定义要显示的相应边框和标签。

更多信息:here

但是,您需要一个API KEY。获得一个here