Подсказка при наведении на маркер в Google Maps?

Question

[Maks]

Дизайнер нарисовал такую штуку:


И я что-то как-то в замешательстве. Как сделать такую подсказку в google maps?
Если была бы картинка — то без проблем, отлавливал бы нужные координаты. Но как-то отловить координаты маркера не получается, совсем.

Сам маркер создаю так:

marker = new google.maps.Marker({
		position: new google.maps.LatLng(56.8387108,60.6026943),
		map: map,
		title: 'График работы: с 9:00 до 18:30'
})

Answer 1

[Илья Цыпин]

Вот друг держи!
Создаем и при наведении показываем.

google.maps.event.addListener(marker, 'mouseover', onMarkermouseover);

Полный код:

<script type="text/javascript"
    src="https://maps.googleapis.com/maps/api/js?key=ваш апи">
</script>
<script type="text/javascript">


 google.maps.event.addDomListener(window, 'load', function() {
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 9,
      center: new google.maps.LatLng(44.958196, 34.109555),
scrollwheel: false,
	  styles: [{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2f2f2"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#46bcec"},{"visibility":"on"}]}],
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var infoWindow = new google.maps.InfoWindow;

    var onMarkerClick = function() {
      var marker = this;
      var latLng = marker.getPosition();
      infoWindow.setContent(marker.title);

      infoWindow.open(map, marker);
    };
    google.maps.event.addListener(map, 'click', function() {
      infoWindow.close();
    });
	
 var onMarkermouseover = function() {
      var marker = this;
      var latLng = marker.getPosition();
      infoWindow.setContent(marker.title);

      infoWindow.open(map, marker);
    };
    google.maps.event.addListener(map, 'mouseover', function() {
      infoWindow.close();
    });
	

    var marker1 = new google.maps.Marker({
      map: map,
	  title: 'sadasdad',
	  icon: 'icon.png',
      position: new google.maps.LatLng(44.958196,34.109555)
    });
    var marker2 = new google.maps.Marker({
      map: map,
	  title: 'dfd',
	  icon: 'icon.png',
      position: new google.maps.LatLng(44.858196,34.109555)
    });
    var marker3 = new google.maps.Marker({
      map: map,
	  title: 'ааа',
	  icon: 'icon.png',
      position: new google.maps.LatLng(44.758196,34.109555)
    });

// infoWindow.open(map, marker1);
    google.maps.event.addListener(marker1, 'mouseover', onMarkermouseover);
    google.maps.event.addListener(map, 'mouseover', onMarkermouseover);
    google.maps.event.addListener(marker2, 'mouseover', onMarkermouseover);
    google.maps.event.addListener(marker3, 'mouseover', onMarkermouseover);
    google.maps.event.addListener(marker1, 'click', onMarkerClick);
    google.maps.event.addListener(marker2, 'click', onMarkerClick);
    google.maps.event.addListener(marker3, 'click', onMarkerClick);
  });

	
</script>

Answer 2

[sergski]

www.geocodezip.com/v3_MW_example_map3_zoom.html
www.geocodezip.com/v3_markers_normal_colored_infow...