google maps und geolocation mit Markern javascript
ich möchte eine google maps zeigt den aktuellen Standort des Nutzers und es sollte auch möglich sein, dass der Benutzer auf die Karte klicken zum hinzufügen von Markern. ich kann Sie einzeln, aber es funktioniert nicht wenn ich versuche Sie zu kombinieren.
dies ist mein code für die geolocation -
function success(position) {
var mapcanvas = document.createElement('div');
mapcanvas.id = 'mapcontainer';
mapcanvas.style.height = '500px';
mapcanvas.style.width = '600px';
document.querySelector('article').appendChild(mapcanvas);
var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
var options = {
zoom: 15,
center: coords,
mapTypeControl: false,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("mapcontainer"), options);
var marker = new google.maps.Marker({
position: coords,
map: map,
title:"You are here!"
});
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success);
} else {
error('Geo Location is not supported');
}
und das ist mein code zum hinzufügen von Markern auf der Karte.
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});
}
function placeMarker(location) {
var marker = new google.maps.Marker({
position: location,
map: map
});
map.setCenter(location);
}
- Kombiniert Ihre Skripte hier: jsfiddle.net/xypgH
Du musst angemeldet sein, um einen Kommentar abzugeben.
überprüfen Sie heraus den folgenden link..das Beispiel in es wird Ihnen sicher weiterhelfen.arbeitete für mich auch.
http://www.codeproject.com/Articles/291499/Google-Maps-API-V3-for-ASP-NET