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ć

  1. <script>
  2. google.load('maps', '3', {
  3. other_params: 'sensor=false'
  4. });
  5. google.setOnLoadCallback(initialize);
  6.  
  7. var map = null;
  8. var markers = null;
  9. var markerClusterer = null;
  10.  
  11. function clusterMap () {
  12. for (var i = 0; i < markers.length; i++) {
  13. markers[i].setOptions({ map:null, visible: false});
  14. }
  15. markerCluster = new MarkerClusterer(map, markers);
  16. }
  17.  
  18. function unclusterMap() {
  19. markerCluster.clearMarkers();
  20. for (var i = 0; i < markers.length; i++) {
  21. markers[i].setOptions({map: map, visible:true});
  22. }
  23. }
  24.  
  25. function initialize() {
  26. var center = new google.maps.LatLng(52.229837, 21.011771);
  27.  
  28. var myOptions = {
  29. zoom: 7,
  30. center: center,
  31. mapTypeId: google.maps.MapTypeId.ROADMAP
  32. };
  33.  
  34. var map = new google.maps.Map(document.getElementById("map"), myOptions);
  35.  
  36. markers = [];
  37. for (var i = 0, dataP; dataP = data.m[i]; i++) {
  38. var latLng = new google.maps.LatLng(dataP.latitude,dataP.longitude);
  39. var marker = new google.maps.Marker({
  40. position: latLng
  41. });
  42. markers.push(marker);
  43. }
  44.  
  45. markerCluster = new MarkerClusterer(map, markers);
  46. var unclusterButton = document.getElementById('uncluster');
  47. google.maps.event.addDomListener(unclusterButton, 'click', unclusterMap);
  48. var clusterButton = document.getElementById('cluster');
  49. google.maps.event.addDomListener(clusterButton, 'click', clusterMap);
  50.  
  51. }
  52.  
  53.  
  54. var data = {"m": [
  55.  
  56. {"longitude": 21.035728, "latitude": 52.242353}
  57. ,
  58. {"longitude": 19.952137, "latitude": 50.106075}
  59. ,
  60. {"longitude": 21.011347, "latitude": 52.253852}
  61. ,
  62. {"longitude": 21.009746, "latitude": 52.247374}
  63. ,
  64. {"longitude": 21.142550, "latitude": 52.245420}
  65.  
  66. ]}
  67. </script>