geolocation에서 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});