从像素 xy 坐标创建谷歌地图标记答案

【问题标题】：Create google maps markers from pixel xy coordinates从像素 xy 坐标创建谷歌地图标记
【发布时间】：2014-02-02 00:43:30
【问题描述】：

我正在尝试使用下面的代码从像素坐标开始在谷歌地图上创建标记。我试图使用 fromDivPixelToLatLng() 将像素 xy 坐标转换为 Lat Long，但我无法找到任何标记。我需要在没有点击事件的情况下在地图上设置标记。谁能给我一些建议？

<script type="text/javascript">

var map;
function initialize() {

  var mapOptions = {
      center: new google.maps.LatLng(10,0),
      zoom: 2,
      mapTypeId: google.maps.MapTypeId.ROADMAP
      };
  map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);

  var overlay = new google.maps.OverlayView();
  overlay.draw = function() {};
  overlay.setMap(map);

  var pixelLatLng = overlay.getProjection().fromDivPixelToLatLng(new google.maps.Point(200,200));

  var marker = new google.maps.Marker({
      position: pixelLatLng,
      map: map,
      });


};//end initialize

google.maps.event.addDomListener(window, 'load', initialize);
</script>

【问题讨论】：

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

【解决方案1】：

等待地图初始化（空闲事件）：

<script type="text/javascript">
var map;
function initialize() {
  var mapOptions = {
      center: new google.maps.LatLng(10,0),
      zoom: 2,
      mapTypeId: google.maps.MapTypeId.ROADMAP
      };
  map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);

  var overlay = new google.maps.OverlayView();
  overlay.draw = function() {};
  overlay.setMap(map);

  google.maps.event.addListenerOnce(map,'idle', function() {
    var pixelLatLng = overlay.getProjection().fromDivPixelToLatLng(new google.maps.Point(200,200));

    var marker = new google.maps.Marker({
          position: pixelLatLng,
          map: map,
        });
  });
};//end initialize

google.maps.event.addDomListener(window, 'load', initialize);
</script>

【讨论】：

效果很好，非常感谢您的帮助