leaflet - angularリーフレットディレクティブとgeojsonを使用してリーフレットポップアップのオフセットを変更するにはどうすればよいですか?

Question

angular-leaflet-directive と geojson を使用して、leaflet と mapbox を使用してマップ マーカーを作成しています。マーカーのポップアップがマーカー上で正しく配置されていません。

angular.extend($scope, { // Map data
                geojson: {
                    data: $scope.filteredShows,
                    onEachFeature: function (feature, layer) {
                        layer.bindPopup(feature.properties.artist + ' · ' + feature.properties.venue);
                        layer.setIcon(defaultMarker);
                        layer.on({
                            mouseover: pointMouseover,
                            mouseout: pointMouseout
                        });
                        layers[feature.properties.id] = layer;
                    }
                }

            });

マーカーのオフセットを変更するにはどうすればよいですか?

Answer 1

で使用popupAnchor: [-10, -10],しL.Iconます。http://leafletjs.com/reference.html#iconを参照してください