- Beranda
- Komunitas
- Tech
- Website, Webmaster, Webdeveloper
[ASK] google map api v3 grouping marker dengan arraylist
TS
AD13L
[ASK] google map api v3 grouping marker dengan arraylist
Permisi gan, saya mau tanya, saya lagi buat map dengan google api v3. Saya mau menampilkan beberapa marker berdasarkan kategori ketika button diklik. Saya menggunakan marker animation with setTimeOut ( https://developers.google.com/maps/d...ions-iteration ).
Masalahnya ketika satu button diklik kemudian button kategori yg lain diklik tidak dapat menampilkan kategori yg diklik.
Ini code saya dapat dicoba oleh agan"
Saya juga sudah menambahkan function clearMarker() tetapi tetap tidak bisa. Mohon bantuan dari agan'. Terima kasih
Masalahnya ketika satu button diklik kemudian button kategori yg lain diklik tidak dapat menampilkan kategori yg diklik.
Ini code saya dapat dicoba oleh agan"
Code:
var samPooKong = new google.maps.LatLng(-6.9963, 110.3980);
var masjidAgung = new google.maps.LatLng(-6.9847, 110.4482);
var tamanRadenSaleh = new google.maps.LatLng(-7.003, 110.4247);
var gerejaBlenduk = new google.maps.LatLng(-6.9682, 110.4275);
var tamanMaerokoco = new google.maps.LatLng(-6.9611, 110.3861);
var museumRonggowarsito = new google.maps.LatLng(-6.9859, 110.3838);
var museumMandalaBhakti = new google.maps.LatLng(-6.9845, 110.4091);
// category
var budaya = [ tamanRadenSaleh, tamanMaerokoco, museumRonggowarsito, museumMandalaBhakti ];
var religi = [ samPooKong, masjidAgung, gerejaBlenduk ];
var markers = [];
var iterator = 0;
var map;
function initialize() {
// menampilkan center map
var semarang = new google.maps.LatLng(-6.9667, 110.41677);
var mapOptions = {
zoom: 13,
center: semarang,
scaleControl: true
};
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
function dropBudaya() {
for (var i = 0; i < budaya.length; i++) {
setTimeout(function() {
addMarkerBudaya();
}, i * 200);
}
}
function addMarkerBudaya() {
markers.push(new google.maps.Marker({
position: budaya[iterator],
map: map,
draggable: false,
animation: google.maps.Animation.DROP
}));
iterator++;
}
function dropReligi() {
for (var i = 0; i < religi.length; i++) {
setTimeout(function() {
addMarkerReligi();
}, i * 200);
}
}
function addMarkerReligi() {
markers.push(new google.maps.Marker({
position: religi[iterator],
map: map,
draggable: false,
animation: google.maps.Animation.DROP
}));
iterator++;
}
google.maps.event.addDomListener(window, 'load', initialize);
Code:
<body>
<div id="panel" style="margin-left: -52px">
<button>Wisata Budaya</button>
<button>Wisata Religi</button>
</div>
<div id="map-canvas"></div>
</body>
Saya juga sudah menambahkan function clearMarker() tetapi tetap tidak bisa. Mohon bantuan dari agan'. Terima kasih
Code:
function clearMarkers() {
setMap(null);
}
Diubah oleh AD13L 08-04-2014 05:59
0
1.6K
6
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Urutan
Terbaru
Terlama
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Komunitas Pilihan