javascript - 如何根据地理位置在 lefleat 地图上创建图钉？

Question

我使用 LeafleatJS 创建了一个地图，并希望在我的地图上创建一个图钉以指示用户的位置。我试过下面的代码：

L.marker(e.latlng).addTo(map)
    .bindPopup("Me").openPopup();

它有什么问题？我有一个小提琴，我在其中创建了一个以用户位置为中心的地图。请看小提琴：

jsfiddle.net/jackbillstrom/5RjB7/

Answer 1

将正文末尾的脚本标签更改为：

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});