Multiadressen in Google Maps
Ik zit met een vraag en ik kan er geen goed antwoord op vinden door te zoeken in Google.
Situatie:
Ik zit met een database met daarin adressen (straat+nummer, postcode, plaats, land).
Nu wil ik deze adressen tonen op een Google Maps, alleen mijn vraag is hoe ik dit kan doen. Een applicatie van een derde persoon is niet mogelijk omdat er regelmatig addressen worden toegevoegd of juist weer verwijderd.
Uit de API van Google wordt ik niet veel wijzer aangezien ik veel liever een voorbeeld zie hoe dat in elkaar zit.
Gewijzigd op 03/06/2010 15:03:30 door Stefan Onbekend
http://code.google.com/apis/maps/documentation/javascript/overlays.html#ComplexIcons
http://code.google.com/apis/maps/documentation/javascript/overlays.html#InfoWindows
Ik heb nu de volgende code alleen nu laat hij alleen bij maar één strand de opmerking zien. Heb ik hier iets fout gedaan het moet haast wel!
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var myOptions = {
zoom: 10,
center: new google.maps.LatLng(-33.9, 151.2),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
setMarkers(map, beaches);
}
var beaches = [
['Bondi Beach', -33.890542, 151.274856],
['Coogee Beach', -33.923036, 151.259052],
['Cronulla Beach', -34.028249, 151.157507],
['Manly Beach', -33.80010128657071, 151.28747820854187],
['Maroubra Beach', -33.950198, 151.259302]
];
function setMarkers(map, locations) {
for (var i = 0; i < locations.length; i++) {
var beach = locations[i];
var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
var infowindow = new google.maps.InfoWindow({
content: beach[0]
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: beach[0]
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
}
</script>
<script type="text/javascript">
function initialize() {
var myOptions = {
zoom: 10,
center: new google.maps.LatLng(-33.9, 151.2),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
setMarkers(map, beaches);
}
var beaches = [
['Bondi Beach', -33.890542, 151.274856],
['Coogee Beach', -33.923036, 151.259052],
['Cronulla Beach', -34.028249, 151.157507],
['Manly Beach', -33.80010128657071, 151.28747820854187],
['Maroubra Beach', -33.950198, 151.259302]
];
function setMarkers(map, locations) {
for (var i = 0; i < locations.length; i++) {
var beach = locations[i];
var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
var infowindow = new google.maps.InfoWindow({
content: beach[0]
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: beach[0]
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
}
</script>
Gewijzigd op 07/06/2010 08:38:40 door Stefan Onbekend