リーフレットのカスタムマーカーロードされていません

Question

リーフレットでは、Geojson Pointファイルのカスタムマーカーにロードしようとしていました。デフォルトのマーカーを使用する場合、レイヤーはロードに長い時間がかかる以外に完全に細かくロードされます。ただし、PointToRayer関数を使用してマーカーをカスタマイズされたマーカーに変更しようとすると、レイヤ全体が消えています。 これが特定のカスタマイズされたマーカーのコードです。

 var manholeMarkerOptions = {
            radius : 8,
            fillColor : "#ff7800",
            color : "#000",
            weight : 1,
            opacity : 1
        };

        //Creates a variable to grab GeoJSON from GitHub repository and calls the popUpmanholes function to occur on each click.
        var manholes = new L.GeoJSON.AJAX('https://cdn.rawgit.com/alecia-patton/LeafletTest/master/manholes.geojson', {
            onEachFeature : popUpmanholes,
            pointToLayer : function(feature, latlng) {
                return new L.circleMarker(latlng, manholeMarkerOption);
            }
        });

.

とここにGitHubへのリンクがあります：

https://github.com/sambfry/leaflet-tests/BLOB / MASTER / LEAFLETTESTINDEX.HTML

私たちがCDNとしてGithubを使用している唯一の理由はテスト目的のためのものであり、基本的な下に入るとすぐにそれを変えるでしょう。

Answer 1

ほとんどのリーフレットの項目の場合、L.Markerはオブジェクトの1つの典型的な構文です。典型的な構文は

です

marker = new L.Marker()

.

リーフレットの他のものはあなたのために新しいマーカーを作成する関数です。その項目は小文字です。

marker = L.marker()

.

これは「新しい」演算子を使用し、作成した新しいマーカーを返します。

あなたのエラーは

からのものです

return new L.circleMarker(latlng, options);

.

それはただ

return L.circleMarker(latlng, options);

.