console
const points = `
114.1939017,22.3180313
114.2167939,22.3882322
114.1939017,22.3180313
114.15476,22.286567
114.1895612,22.2692021
114.1939017,22.3180313
114.1939017,22.3180313
114.2340051,22.2685505
114.1939017,22.3180313
114.2306042,22.3086318
114.173331,22.311704
113.9955951,22.3877771
113.9955951,22.3877771
114.2547667,22.3489391
114.0445185,22.4519958
114.0801141,22.3640374
113.9408761,22.2569997
114.15476,22.286567
114.1939017,22.3180313
114.130104,22.364258
114.2167939,22.3882322
114.163242,22.333855
114.2305634,22.2302116
114.2167939,22.3882322
114.173331,22.311704
114.173331,22.311704
114.2167939,22.3882322
114.268959,22.312317
114.3139595,22.4310388
114.2305634,22.2302116
114.2306042,22.3086318
114.2306042,22.3086318
113.9408761,22.2569997
114.1939017,22.3180313
114.219166,22.281643
114.1869427,22.5093351
114.2340051,22.2685505
114.1939017,22.3180313
114.2305634,22.2302116
114.0801141,22.3640374
114.0445185,22.4519958
114.1895612,22.2692021
114.2306042,22.3086318
113.9955951,22.3877771
114.15476,22.286567
114.1939017,22.3180313
114.0445185,22.4519958
114.1869427,22.5093351
114.1939017,22.3180313
114.1083947,22.3357265
114.0801141,22.3640374
114.1939017,22.3180313
114.1895612,22.2692021
114.1083947,22.3357265
114.0445185,22.4519958
114.15476,22.286567
114.2547667,22.3489391
114.207594,22.3413814
114.1083947,22.3357265
114.2340051,22.2685505
114.2340051,22.2685505
114.2306042,22.3086318
114.17872,22.296342
114.1895612,22.2692021
114.15476,22.286567
114.207594,22.3413814
114.1083947,22.3357265
114.15476,22.286567
114.163242,22.333855
114.2167939,22.3882322
114.0445185,22.4519958
114.1895612,22.2692021
114.207594,22.3413814
114.2305634,22.2302116
114.207594,22.3413814
114.0445185,22.4519958
114.163242,22.333855
114.2306042,22.3086318
114.03641,22.441434
114.2167939,22.3882322
114.1083947,22.3357265
114.0801141,22.3640374
114.0801141,22.3640374
114.163242,22.333855
114.2547667,22.3489391
114.163242,22.333855
114.1083947,22.3357265
114.2167939,22.3882322
114.0801141,22.3640374
114.173331,22.311704
114.207594,22.3413814
114.1939017,22.3180313
114.128243,22.374611
114.2340051,22.2685505
114.0445185,22.4519958
114.3139595,22.4310388
114.1083947,22.3357265
114.207594,22.3413814
114.1869427,22.5093351
114.2306042,22.3086318
114.163242,22.333855
114.1939017,22.3180313
114.15476,22.286567
114.2167939,22.3882322
114.207594,22.3413814
114.3139595,22.4310388
114.207594,22.3413814
114.15476,22.286567
114.3139595,22.4310388
114.2167939,22.3882322
114.173331,22.311704
114.2306042,22.3086318
114.2340051,22.2685505
113.9955951,22.3877771
114.173331,22.311704
114.163242,22.333855
114.207594,22.3413814
114.1895612,22.2692021
114.2167939,22.3882322
114.173331,22.311704
114.1083947,22.3357265
114.195515,22.459055
114.2340051,22.2685505
114.03758,22.438749
114.2167939,22.3882322
114.1869427,22.5093351
114.173331,22.311704
114.1083947,22.3357265
114.1869427,22.5093351
114.1869427,22.5093351
114.004059,22.45388
114.2305634,22.2302116
114.2306042,22.3086318
114.15476,22.286567
114.2340051,22.2685505
114.1939017,22.3180313
114.2167939,22.3882322
114.2547667,22.3489391
114.163242,22.333855
114.2547667,22.3489391
114.15476,22.286567
114.162973,22.333927
114.207594,22.3413814
114.0801141,22.3640374
114.163242,22.333855
114.1869427,22.5093351
114.0445185,22.4519958
114.2306042,22.3086318
114.2167939,22.3882322
114.15476,22.286567
114.0445185,22.4519958
114.1939017,22.3180313
114.2340051,22.2685505
114.273724,22.314015
114.207594,22.3413814
114.0445185,22.4519958
114.1895612,22.2692021
114.3139595,22.4310388
114.2167939,22.3882322
114.2167939,22.3882322
114.232092,22.308119
114.207594,22.3413814
114.207594,22.3413814
114.173331,22.311704
114.163242,22.333855
114.173331,22.311704
114.2306042,22.3086318
114.1939017,22.3180313
114.3139595,22.4310388
114.1083947,22.3357265
114.0801141,22.3640374
114.1083947,22.3357265
114.2340051,22.2685505
114.1869427,22.5093351
114.0801141,22.3640374
114.15476,22.286567
113.9955951,22.3877771
114.1939017,22.3180313
114.2167939,22.3882322
114.15476,22.286567
114.163242,22.333855
114.0445185,22.4519958
114.0445185,22.4519958
114.2340051,22.2685505
114.0445185,22.4519958
114.15476,22.286567
114.0445185,22.4519958
114.1939017,22.3180313
114.1083947,22.3357265
114.1939017,22.3180313
114.3139595,22.4310388
114.207594,22.3413814
114.2167939,22.3882322
113.9955951,22.3877771
114.1869427,22.5093351
114.173331,22.311704
114.2340051,22.2685505
114.1895612,22.2692021
114.2167939,22.3882322
114.1869427,22.5093351
`
var map = L.map('map').setView([22.330862,114.076266], 11);
L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
attribution: '',
maxZoom: 18,
id: 'mapbox/streets-v11',
tileSize: 512,
zoomOffset: -1,
accessToken: 'pk.eyJ1IjoieGtxLW5pY2t5IiwiYSI6ImNrYWwza2dqeDBzZ2UycHBlMGkzMHZsdnAifQ.MnUoXOsykU4zAvmzFAurvg'
}).addTo(map);
points.split('\n').forEach(x => {
if(!x) {
return;
}
const [lng, lat] = x.trim().split(',');
L.circle([lat, lng], {weight: 2, color: '
})
targets = [
["皇后大道東80號堅雄商業大廈", "114.174597,22.273853"],
["香港湾仔堅拿道西19號", "114.185798,22.274659"],
["香港离岛东涌,逸东商场", "113.939622,22.278693"],
]
targets.forEach(x => {
const [lng, lat] = x[1].trim().split(',');
L.marker([lat, lng]).addTo(map)
.bindPopup(x[0])
.openPopup();
})
<div id="map"></div>
#map {
height: 100vh;
width: 100vw;
}