Question

我将多个标记添加到地图中，使用自定义标记图标，没有任何问题。

我现在要做的是在自定义标记图标上添加数字 - 它们似乎不会出现。这些数字应与我的示例中的位置编号i相对应，从1到最后都是。

我正在使用markerwithlabel示例，并在页面上添加了CSS和JS。

infowindow = new google.maps.InfoWindow();
      var temp;
      for(var i=0;i<data.length;i++){ 
        temp=new google.maps.LatLng(data[i][0],data[i][1]);
        marker= new google.maps.Marker({
          position: temp,
          labelContent: "test",
          labelAnchor: new google.maps.Point(22, 0),
          labelClass: "labels", // the CSS class for the label
          labelStyle: {opacity: 1.0},
          icon:'http://www.example.com/my_custom_marker.png',
          map: map
        });
        //console.info("single marker Lat is: ",data[i][0]," Lng is: ",data[i][1]," count is: ",data[i][2]); 
        google.maps.event.addListener(marker,'click',function(marker,i){
          var p=i+1;
          return function() {
            map.setZoom(19);
              map.setCenter(marker.getPosition());
                    infowindow.setContent("Step "+p+" - "+data[i][2]);
                    infowindow.open(map, marker);
                }
        }(marker,i));

Answer 1

所有人都在使用marker = new MarkerWithLabel({。

多个地图标记，标记顶部有数字？

1 个答案: