Leaflet 如何将圆标记与传单Tilelayer Geojson一起使用

我用它来加载地图上的点，它工作得很好。我想使用传单圆圈标记，而不是默认的蓝色图标，但我找不到如何做到这一点的任何例子。如何将圆形标记器与传单Tilelayer Geojson一起使用

到目前为止，我加载点的代码很简单：

    var geojsonURL = 'MYURL/{z}/{x}/{y}.geojson';
    var geojsonTileLayer = new L.TileLayer.GeoJSON(geojsonURL, {
               }, {
            onEachFeature: function (feature, layer) {

                layer.on('click', function(e) {
                $("#overlay").html('<img src="GIFURL"/>')
                .load("URL+feature.properties.url);  });


            }
       }
     );
    map.addLayer(geojsonTileLayer);

var geojsonURL='MYURL/{z}/{x}/{y}.geojson'；
var geojsonTileLayer=new L.TileLayer.GeoJSON（geojsonURL{
}, {
onEachFeature：功能（功能，图层）{
层上（'点击'，功能（e）{
$（“#覆盖”）.html（“”）
.load（“URL+feature.properties.URL）；}）；
}
}
);
map.addLayer（geojsonTileLayer）；

---

谢谢你

我正在为我的web应用做同样的事情。我的第一个建议是使用 PointToLayer：

我的意思是，正如在中所解释的，这将是近似结果：

var geojsonURL = 'MYURL/{z}/{x}/{y}.geojson';
var geojsonMarkerOptions = {
    radius: 8,
    fillColor: "#ff7800",
    color: "#000",
    weight: 1,
    opacity: 1,
    fillOpacity: 0.8
};
var geojsonTileLayer = new L.TileLayer.GeoJSON(geojsonURL, {
           }, {
        pointToLayer: function (feature, latlng) {
            return L.circleMarker(latlng, geojsonMarkerOptions);
        },
        onEachFeature: function (feature, layer) {

            layer.on('click', function(e) {
            $("#overlay").html('<img src="GIFURL"/>')
            .load("URL+feature.properties.url);  });


        }
   }
 );
map.addLayer(geojsonTileLayer);

var geojsonURL='MYURL/{z}/{x}/{y}.geojson'；
var geojsonMarkerOptions={
半径：8，
fillColor:#ff7800“，
颜色：“000”，
体重：1，
不透明度：1，
填充不透明度：0.8
};
var geojsonTileLayer=new L.TileLayer.GeoJSON（geojsonURL{
}, {
pointToLayer：功能（特性、latlng）{
返回L.circleMarker（latlng、geojsonMarkerOptions）；
},
onEachFeature：功能（功能，图层）{
层上（'点击'，功能（e）{
$（“#覆盖”）.html（“”）
.load（“URL+feature.properties.URL）；}）；
}
}
);
map.addLayer（geojsonTileLayer）；

我删除了我的答案。我错过了Tillelayer的要求。我想你说的是谢谢，我添加了问题的链接，使其更加明确。Rgds

var geojsonURL = 'MYURL/{z}/{x}/{y}.geojson';
var geojsonMarkerOptions = {
    radius: 8,
    fillColor: "#ff7800",
    color: "#000",
    weight: 1,
    opacity: 1,
    fillOpacity: 0.8
};
var geojsonTileLayer = new L.TileLayer.GeoJSON(geojsonURL, {
           }, {
        pointToLayer: function (feature, latlng) {
            return L.circleMarker(latlng, geojsonMarkerOptions);
        },
        onEachFeature: function (feature, layer) {

            layer.on('click', function(e) {
            $("#overlay").html('<img src="GIFURL"/>')
            .load("URL+feature.properties.url);  });


        }
   }
 );
map.addLayer(geojsonTileLayer);