Cách đánh dấu vị trí hiện tại của người dùng trong bản đồ google?

Question

Tôi đang sử dụng đoạn mã sau để có được vị trí của người dùng trong PhoneGap (nó hoạt động tốt)

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

này đang làm việc tốt bằng cách tập trung vị trí hiện tại của người dùng trên bản đồ. Nhưng tôi muốn hiển thị một chỉ báo (một chấm đỏ) trên vị trí của người dùng. Nhưng tôi có thể thấy rằng google API chỉ cung cấp 3 tùy chọn trung tâm, zoom và mapTypeId.

Có bất kỳ tùy chọn có sẵn nào có thể được sử dụng để làm nổi bật vị trí hoặc có giải pháp thay thế không?

EDIT

Đã có thể thấy rằng bản đồ google API có một dấu hiệu ho nổi bật vị trí bất kỳ. Điều đó có vẻ hữu ích, nhưng điều đó cho thấy một quả bóng màu đỏ mặc định, có thể được sửa đổi bởi một hình ảnh tùy chỉnh?

Answer 1

Bạn có thể sử dụng số điện thoại GeolocationMarker mới phát hành là một phần của Google Maps API Utility Library.

Nó sẽ thêm điểm đánh dấu và vòng tròn chính xác tại vị trí hiện tại của người dùng. Nó cũng cho phép nhà phát triển tùy chỉnh điểm đánh dấu bằng cách sử dụng phương thức setMarkerOptions và chỉ định thuộc tính icon.

Answer 2

Bạn có thể sử dụng MarkerOptions để đặt hình ảnh tùy chỉnh. Kiểm tra Google Maps Javascript API V3 Reference để biết thêm chi tiết về Google Maps.

Answer 3

Sử dụng biểu tượng bên trong điểm đánh dấu như

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

bạn có thể sử dụng google bản đồ vị trí chỉ tròn dấu chấm màu xanh biểu tượng tương tự như bản đồ google