地图标记不会显示

时间:2014-05-08 20:02:59

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

我完全输了,我的标记不会显示在地图上。我完全按照Google地图示例执行操作。我无法让标记显示在mylatlng上。图标图像与html页面位于同一文件夹中。

$("#b1").on("click",function(){
  function initialize(){
    var myLatLng = new google.maps.LatLng(40.7404, -74.1789);
    var mapOptions = {
      zoom:5,
      center: myLatLng
    }
    var map=new google.maps.Map(document.getElementById("googleMap"),mapOptions);
    var image = 'marker.png';
    var myLatLng = new google.maps.LatLng(40.64043,-74.2789);
    var Name = new google.maps.Marker({
      position: myLatlng,
      map: map,
      icon: image
    });
    marker.setMap(map);
  });
  google.maps.event.addDomListener(window, 'load', initialise);

更新:

计算出来。我需要在函数外部google.maps.event.addDomListener(window, 'load', initialise);

更新2:   好吧,如果我这样做,我不需要在google.maps.event.addDomListener(window, 'load', initialise);内进行'初始化'。它只会创建一个标记。删除它后,标记正在为我拥有的所有30个onClick列表工作。是的,我不需要函数initialize()

1 个答案:

答案 0 :(得分:1)

这里有一些错误,

1:您使用了错误的标记变量来设置Map,将标记初始化为全局变量。

2:要显示地图,您必须使用Google map Dom Events google.maps.event.addDomListener(document.getElementById('yourbuttonid'), 'click', initialize);

3:它将不在初始化函数中。

Demo