0
107
ViewsLEAFLET: WHY circleMarker doesnt working for me
I tried to search for resolution, my code but i cannot found this problem. If i use L.marker it work 3000 data but it slowed my program. And if I used L.circleMarker for 3000 data is doesn't display it.
I am stuck at this issue for two days now. please help, thank you.
var map = L.map('map', {
renderer: L.canvas()
}).setView([-0.789275, 113.921327], 5);
L.tileLayer(
'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
id: 'mapbox/streets-v11',
tileSize: 512,
zoomOffset: -1,
minZoom: 5,
fullscreenControl: true,
preferCanvas: true,
interactive: true
}).addTo(map)
var myRenderer = L.canvas({
padding: 0.5
});
L.circleMarker([-6.37245739, 107.6659878], {
renderer: myRenderer,
dashArray: "4 4",
}).addTo(map).bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
·
Juan Pablo Isaza
Answer question