2012-08-29 10 views
9

Ben Bu harita üzerinde kullanıcının mevcut konumunu ortalama vasıtalarının iyi çalışıyorGoogle haritalarında kullanıcının geçerli konumu nasıl vurgulanır?

function getLocation() { 
    var win = function(position) { 
     var lat = position.coords.latitude; 
     var long = position.coords.longitude; 
     var myLatlng = new google.maps.LatLng(lat, long); 

     var myOptions = { 
      center: myLatlng, 
      zoom: 7, 
      mapTypeId : google.maps.MapTypeId.ROADMAP 
     }; 
     var map_element = document.getElementById("displayMap"); 
     var map = new google.maps.Map(map_element, myOptions); 
    }; 

    var fail = function(e) { 
     alert('Error: ' + e); 
    }; 

    var watchID = navigator.geolocation.getCurrentPosition(win, fail); 
} 

(iyi çalışıyor) PhoneGap kullanıcının yerini almak için aşağıdaki kodu kullanıyorum. Ancak, kullanıcının bulunduğu yerde bir gösterge (kırmızı nokta) göstermek istiyorum. Ancak, google API'nın yalnızca 3 seçenek merkezi, zoom ve mapTypeId sağladığını görebiliyorum.

Konumu vurgulamak için kullanılabilecek bir seçenek var mı yoksa bir geçici çözüm var mı?

DÜZENLEME

google haritalar API işaretleyici ho vurgu herhangi pozisyon sahip olduğunu bulmak mümkün oldu. Bu yardımcı görünüyor, ancak bu varsayılan bir kırmızı balon gösterir, özel bir görüntü tarafından değiştirilmiş olabilir?

cevap

12

Google Maps API Utility Library'un bir parçası olan yeni yayımlanan GeolocationMarker'u kullanabilirsiniz.

Kullanıcının geçerli konumunda bir işaretleyici ve doğruluk daire ekler. Ayrıca bir geliştiricinin, setMarkerOptions yöntemini kullanarak ve icon özelliğini belirterek işaretleyiciyi özelleştirmesine olanak tanır.

1

Özel bir görüntü ayarlamak için MarkerOptions kullanabilirsiniz. Google Haritalar hakkında daha fazla ayrıntı için Google Maps Javascript API V3 Reference kontrol edin.

var Marker = new google.maps.Marker({ 
     map: map, 
     animation: google.maps.Animation.DROP, 
     position: "", 
     icon: /bluedot.png 
}); 

gibi işaretleyici içeride

4

Kullanım simgesi google harita

enter image description here

benzer bu google harita konumu göstergesi dairesel mavi nokta simgesi kullanabilirsiniz