谷歌地图浮针在中心位置回报(google maps float pin at center and

我想保持销定在谷歌地图的中心，而用户可以移动地图和缩放各地。关键是引脚的当前GPS位置（在中心依然当然）递归得到返回值。我找到了这个

谷歌地图API V2 -怎样保持一个标记在屏幕的中心，而用户滚动地图？

但我这个不返回当前的中心坐标。我一直在寻找的代码演示实现，但无法找到任何东西，将不胜感激帮助。

从这个例子上daftlogic.com ，修改为使用的标记，而不是十字线，放置在页面上的HTML元素的中心坐标。

要点：

标记绑定到地图的中心
在“center_changed的”用于更新页面上显示的坐标。

工作片断：

 function initialize() { var crosshairShape = { coords: [0, 0, 0, 0], type: 'rect' }; var latlng = new google.maps.LatLng(54.62279178711505, -5.895538330078125); var myOptions = { zoom: 12, center: latlng, mapTypeId: google.maps.MapTypeId.SATELLITE, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU } }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var marker = new google.maps.Marker({ map: map, }); document.getElementById('coordinates').innerHTML = "<b>center coordinates</b>: " + map.getCenter().toUrlValue(6) google.maps.event.addListener(map, 'center_changed', function() { document.getElementById('coordinates').innerHTML = "<b>center coordinates</b>: " + map.getCenter().toUrlValue(6); }); marker.bindTo('position', map, 'center'); } google.maps.event.addDomListener(window, 'load', initialize);

 html, body, #map_canvas { height: 500px; width: 500px; margin: 0px; padding: 0px }

 <script src="https://maps.googleapis.com/maps/api/js"></script> <div id="map_canvas" style="width:750px; height:450px; border: 2px solid #3872ac;"></div> <div id="coordinates"></div>

工作的jsfiddle