Question

我正在尝试使用

将标记设置为$scope.map变量

L.marker([location.lat,location.lng]).addTo($scope.map);

，但我一直收到这个错误：

TypeError：t.addLayer不是函数 o.Marker.o.Class.extend.addTo（leaflet.js：7）at mapController.js：82

我不知道为什么，因为我基本上和http://leafletjs.com/examples/custom-icons.html中的做法一样

并且在API中指定 http://leafletjs.com/reference.html#marker

我想添加自定义图标，但现在已经挂了。

Answer 1

我重新命令你添加angular-leaflet-directives，这是为角度JS打包的传单。

然后要添加标记，请执行以下操作：

创建标记

  var iconTemplate = {
   'lat': lat, // your lat value
   'lng': lng, // your lng value
   'focus': false,
   'layer': layerValue, // if you add your marker to a layer
   'draggable': false,
   'message': popupContent, // your popupcontent
    getMessageScope: function() {
        return $scope;
    },
    compileMessage: true,
    'icon': {
      'type': "awesomeMarker", // i use awesomeMarker for font awesome
      'icon': markerIcon, // a variable for my icon
      'markerColor': markerColor // a variable for my color
     }
};

将您的标记添加到标记列表（绑定到HTML）
```
  $scope.markers.push(iconTemplate)
```

那是

离子＆amp; LeafletJS设置标记

1 个答案: