javascript - ionic & LeafletJS 设置标记

Question

我正在尝试使用

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

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

，但我不断收到此错误:

TypeError: t.addLayer is not a function at 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这是为 Angular 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
       }
  };
  

• 将您的标记添加到标记列表(绑定(bind)到 HTML)

    $scope.markers.push(iconTemplate)
  

就是这样