添加GoogleMap API时某些功能不起作用

时间:2019-02-27 17:33:53

标签: google-maps

我参考了link上的示例代码

工作正常,但是当我在html标签上添加Google Map API

<script async defer src="https://maps.googleapis.com/maps/api/js?key=My_API_Key">

它仅绘制地图,而不绘制标记。 如何按照此代码绘制标记并添加“我的Google Map API”

1 个答案:

答案 0 :(得分:0)

您应该在窗口级别声明gmap

var data = [
   [ 'First_loc', '36.95781,36.63568' ],
   [ 'Second_loc', '36.88827,36.636908' ]
];

var gmap;

,然后在HTMLMarker函数中添加标记创建

function HTMLMarker( place ) {
  var latLngStrings = place[1].split(',');
  var lat = +latLngStrings[0];
  var lng = +latLngStrings[1];
  this.name = place[0];
  this.pos = new google.maps.LatLng( lat, lng );
  var marker = new google.maps.Marker({
      position: new google.maps.LatLng( lat, lng ),
      map: gmap,
      title: 'Hello World!'
    });

 }

http://jsfiddle.net/geary/6qfhF/8/

并在initialize()函数中删除gmap的var声明