如何在地理定位的传单地图上创建图钉？

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