cześć
jak dodać dymek z opisem po kliknięciu na marker ?
może mi ktoś pomóc?, nie znam za bardzo JS :/
wiem, że można coś takiego znaleźć, tylko ten przykład zawiera dodatkowo MarkerClusterer, więc nie chce tego burzyć
<script>
google.load('maps', '3', {
other_params: 'sensor=false'
});
google.setOnLoadCallback(initialize);
var map = null;
var markers = null;
var markerClusterer = null;
function clusterMap () {
for (var i = 0; i < markers.length; i++) {
markers[i].setOptions({ map:null, visible: false});
}
markerCluster = new MarkerClusterer(map, markers);
}
function unclusterMap() {
markerCluster.clearMarkers();
for (var i = 0; i < markers.length; i++) {
markers[i].setOptions({map: map, visible:true});
}
}
function initialize() {
var center = new google.maps.LatLng(52.229837, 21.011771);
var myOptions = {
zoom: 7,
center: center,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
markers = [];
for (var i = 0, dataP; dataP = data.m[i]; i++) {
var latLng = new google.maps.LatLng(dataP.latitude,dataP.longitude);
var marker = new google.maps.Marker({
position: latLng
});
markers.push(marker);
}
markerCluster = new MarkerClusterer(map, markers);
var unclusterButton = document.getElementById('uncluster');
google.maps.event.addDomListener(unclusterButton, 'click', unclusterMap);
var clusterButton = document.getElementById('cluster');
google.maps.event.addDomListener(clusterButton, 'click', clusterMap);
}
var data = {"m": [
{"longitude": 21.035728, "latitude": 52.242353}
,
{"longitude": 19.952137, "latitude": 50.106075}
,
{"longitude": 21.011347, "latitude": 52.253852}
,
{"longitude": 21.009746, "latitude": 52.247374}
,
{"longitude": 21.142550, "latitude": 52.245420}
]}
</script>
Ten post edytował dopelganger 14.04.2014, 12:44:33