谷歌地图:以html格式获取地图div的地图中心点

时间:2016-08-04 05:13:38

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

请帮帮我,我对谷歌地图API有一些疑问

请先关注第3点

  1. 是否有可能获得HTML中地图div的地图中心点(就像我的地图div是100px高度和100px宽度,然后我得到中心点lat长50,50px),我使用map.getCenter ();但它给出了地图中心点
  2. 是否有可能在zoom_changed事件中我的标记没有在浏览器屏幕上筛选它改变了与zoom_changed事件相关的位置并在浏览器屏幕上保持相同?
  3. 例如第2点

    最初,我在伦敦设有带标记的地图 enter image description here

    但是当我放大然后 enter image description here

    1. 我可以在地图上获得关于网络图像位置的坐标(lat long) enter image description here
    2. 如果有任何建议和解决方案,请回复

1 个答案:

答案 0 :(得分:0)

1)html div的中心点和地图的中心点将是相同的。如果map div的高度为100px,宽度为100px,则使用相同的示例,那么center lat long应为50,50px,这正是map.getCenter()将返回的。

2)是的,您可以使用缩放更改事件将标记移动到地图的中心。您需要调用initZoomChanged方法,如下所示。你可以替换" centerMarker"用你的标记名称

3)Haven真的不明白你在这里想做什么。你能提供一些澄清吗?

在地图中心创建标记然后在放大或缩小后将其保留在地图中心的代码如下:

var centerMarker;

 function createMarker()
 {
     var myLatLng =  {lat: 51.5074, lng: 0.1278}
     centerMarker = new google.maps.Marker({
         position: myLatLng,
         map: map,
         title: 'Map Center'
       });
 }

 function initZoomChanged()
 {
    google.maps.event.addListener(map, 'zoom_changed', function() {
        var center = map.getCenter();
        centerMarker.setPosition(center);
    });
 }