Как создать булавку на карте lefleat из геолокации?

Question

Я создал карту с использованием LeafleatJS и хочу создать контакт на моей карте, чтобы указать, где находится пользователь. Я пробовал код ниже:

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

Что в этом плохого? У меня есть Fiddle, где я создал карту, которая центрирует местоположение пользователей. Пожалуйста, смотрите скрипку:

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