Javascript 如何从地理位置在lefleat地图上创建pin?
我已经使用LeafleatJS创建了一个地图,并希望在地图上创建一个pin来指示用户所在的位置。我尝试了以下代码:Javascript 如何从地理位置在lefleat地图上创建pin?,javascript,html,api,leaflet,Javascript,Html,Api,Leaflet,我已经使用LeafleatJS创建了一个地图,并希望在地图上创建一个pin来指示用户所在的位置。我尝试了以下代码: L.marker(e.latlng).addTo(map) .bindPopup("Me").openPopup(); 怎么了?我有一把小提琴,在那里我创建了一张地图,以用户的位置为中心。请看小提琴: 将身体末端的脚本标记更改为: var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F
L.marker(e.latlng).addTo(map)
.bindPopup("Me").openPopup();
怎么了?我有一把小提琴,在那里我创建了一张地图,以用户的位置为中心。请看小提琴:
将身体末端的脚本标记更改为:
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png',
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 16});
var map = new L.Map('map', {zoom: 13, layers: [cloudmade]});
function onLocationFound(e) {
var radius = e.accuracy / 2;
L.marker(e.latlng).addTo(map);
L.circle(e.latlng, radius).addTo(map);
}
function onLocationError(e) {
alert(e.message);
}
map.on('locationfound', onLocationFound);
map.on('locationerror', onLocationError);
map.locate({setView: true});