本文共 1361 字，大约阅读时间需要 4 分钟。

Leaflet?????OSM??????

?Web????Leaflet???????????????????????????????????????????????????????????????Leaflet???????????????

??

Leaflet??????JavaScript?????????Web?????????????????????????????????OpenStreetMap(??OSM)???????????????????????????????

??????????????Leaflet????????????????????????????????

??

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '? OpenStreetMap contributors'
}).addTo(map);

2. ??????? Leaflet????????????????????????????leaflet-geosearch?????????????????????

   • ??npm???npm install leaflet-geosearch
   • ?????????import L from 'leaflet'; import 'leaflet-geosearch';
   • ????????????

// ?????
let map = L.map('map').setView([51.505, -0.09], 13);
// ??????
L.control.geosearch({
    position: 'topright',
    geosearchConfig: {
        searchLabel: '????',
        flyToResults: true,
        flyToBounds: true
    }
}).addTo(map);

3. ?????? ??leaflet-geosearch????????????????????????????????????????????????????????????????????????????POI(?????)?

   ????????????????????????????????????????????????????????????????

????

• API?????????????????OSM API????????????????????
• ????????????????????????????????????????
• ?????????????????????????Leaflet????????????

??????????????Leaflet????????????????????????????????????????????????????????