！ doctypehtmlheadtitlequickstart-leaflet/titlemetacharset=' utf-8 '/metaname=' viewport ' content=' width=deet aname=' viewport ' content=initial-scale=1.0 ' link rel=' shortcut icocort favicon.ico '/link leaflet @1.7.1/dist/leaflet.CSS ' integrity=' sha 512-xodzbntc 5n 17xt2att PUE1hxjvmsvlvw9ocquklscc5cxdbqcmblashomaaashi s mzmz 19s Cr4pszchschshsattttte script src=' https://un pkg.com/leaflet @1.7.1/dist/leaflet.js ' integrity=' sha 512-xqoymqmtk8lvdxxyg3NZ 448 hoeaflet '/divscriptvarmymap=l.map(mapid ) ).setview([51.505，-0.09]，13 )； l.tile layer (https://API.map box.com/styles/v1/{ id }/tiles/{ z }/{ x }/{ y } )？ access _ token=PK.ey J1 ijoibwfwym 94 iiwiysi6imnpejy4nxvycta2emycxbndhrqcmz 3n3gifq.rjcfig 214 aris lbb 6b 5aw '， { max zoom 3334 } a href=' https://www.openstreetmap.org/' openstreetmap/acontributors， ' a href=' https://creative commons.org/licensor g ' imageryahref=' https://www.map box.com/' map box/a '，id : ' map zoomoffice L.Marker([51.5，-0.09] ).addto ) mymap ).bindpopup ) ' bhelloworld！ /bbr /I am a popup.' ).openPopup (； L.circle([51.508，-0.11]，500，{color: 'red '，fillColor: '#f03 '，fill opacity 3360.5 ).addto ) l.control.scale (maxwidth :1000，metric:true，imperial:false} ) ).addto ) mymap )； var popup=L.popup (； functiononmapclick(e ) popup.setlatlng ) e.latLNG ).setcontent ) ' youclickedthemapat ' e.lat LNG.tostring ) } mymap.on('zoomend '，e={ var scale=document.getelementsbyclassname (' leaflet-control-scale-line ' ) )0) ) if(scale.includes(km ) ) console.log ) 1:(num*1000 ) ) else ) console.log ) 1: (num ) ) m/scriprip