Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

115
Vistas
LEAFLET: 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: '&copy; <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.')

enter image description here

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda