Beste lezers,
Ik heb de volgende code van Google gekopieerd:
Het werkt als volgt: je kunt een plaatsnaam invullen in een tekstveld en daarna op 'zoeken' drukken. Dan wordt er een marker geplaatst. De volgende keer dat je een nieuwe zoekactie uitvoert, zet hij een nieuwe marker erbij.
Mijn vraag is de volgende: hoe zorg ik ervoor dat ik maar ��n marker tegelijk krijg? (dus de vorige moet hij weghalen) Ik heb al wat op internet gezocht, maar het schijnt met de V3 API lastiger te zijn dan met de V2. Bovendien weet ik helemaal niet hoe de API van Google Maps in elkaar zit. Ik heb deze code gewoon gekopieerd. Weet iemand een linkje of een functie die goed aansluit bij deze code?
Groet,
Anton
Ik heb de volgende code van Google gekopieerd:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Zoek een plaats of stad</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
var geocoder;
var map;
function initialize() {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
function codeAddress() {
marker = 0;
var address = document.getElementById("address").value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 320px; height: 480px;"></div>
<div>
<input id="address" type="textbox" value="">
<input type="button" value="Zoeken" onclick="codeAddress()">
</div>
</body>
</html>Het werkt als volgt: je kunt een plaatsnaam invullen in een tekstveld en daarna op 'zoeken' drukken. Dan wordt er een marker geplaatst. De volgende keer dat je een nieuwe zoekactie uitvoert, zet hij een nieuwe marker erbij.
Mijn vraag is de volgende: hoe zorg ik ervoor dat ik maar ��n marker tegelijk krijg? (dus de vorige moet hij weghalen) Ik heb al wat op internet gezocht, maar het schijnt met de V3 API lastiger te zijn dan met de V2. Bovendien weet ik helemaal niet hoe de API van Google Maps in elkaar zit. Ik heb deze code gewoon gekopieerd. Weet iemand een linkje of een functie die goed aansluit bij deze code?
Groet,
Anton
