Inserire Marker a Google Maps

AndrewLupin · 10 Feb 2015

Salve a tutti, ho un sito da modificare con una Google Maps già inclusa, dovrei inserire anche il Marker ma non ci riesco. Le ho provate di tutte, ho trovato diversi esempi ma sono tutti diversi da questa. Potreste darmi una mano, sono poco pratico nello scripting.
Grazie!

Ecco il codice della Mappa:

HTML:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
		<script>
			var map,
				geocoder,
				address = 'Via, Citta, etc';

			function initialize() {
				var map_canvas = document.getElementById('map-canvas');

				if (map_canvas) {
					geocoder = new google.maps.Geocoder();
					geocoder.geocode( { 'address': address}, function(results, status) {
						if (status == google.maps.GeocoderStatus.OK) {
							if (map == null) {
								var mapOptions = {
									zoom: 10,
									center: results[0].geometry.location
								};

								map = new google.maps.Map(map_canvas, mapOptions);
							}
							else {
								map.setCenter(results[0].geometry.location);
							}
						} else {
							console.log('Geocode was not successful for the following reason: ' + status);
						}
					});
				}
			}

			google.maps.event.addDomListener(window, 'load', initialize);		
		</script>

f107 · 10 Feb 2015

Ciao,
Questo è l'esempio più semplice ed efficace:
https://developers.google.com/maps/documentation/javascript/examples/marker-simple

AndrewLupin · 10 Feb 2015

Grazie "f107", avevo già visto questo esempio ma non era lo stesso script che ho io...alla fine l'ho cambiato (cioè ho utilizzato questo che mi hai consigliato) e ho fatto prima, senza perder altro tempo.
Comunque grazie per la segnalazione!

AndrewLupin · 13 Feb 2015

Non so se posso scrivere qui o se devo aprire un altro post... Tra gli esempi indicati da "f107" ne ho trovato uno che fa al caso mio ed è quello in cui è presente anche una popup (info window) con delle informazioni che si possono inserire. L'unico problema è che questa popup viene fuori solo se si clicca sul marcatore della mappa, a me invece servirebbe che si aprisse subito (cioè in automatico, all'apertura della mappa) come posso fare?

L'esempio in questione è questo https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

Il suo codice nel dettaglio:

HTML:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Info windows</title>
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
    <script>
// This example displays a marker at the center of Australia.
// When the user clicks the marker, an info window opens.

function initialize() {
  var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
  var mapOptions = {
    zoom: 4,
    center: myLatlng
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var contentString = '<div id="content">'+
      '<div id="siteNotice">'+
      '</div>'+
      '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
      '<div id="bodyContent">'+
      '<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +
      'sandstone rock formation in the southern part of the '+
      'Northern Territory, central Australia. It lies 335 km (208 mi) '+
      'south west of the nearest large town, Alice Springs; 450 km '+
      '(280 mi) by road. Kata Tjuta and Uluru are the two major '+
      'features of the Uluru - Kata Tjuta National Park. Uluru is '+
      'sacred to the Pitjantjatjara and Yankunytjatjara, the '+
      'Aboriginal people of the area. It has many springs, waterholes, '+
      'rock caves and ancient paintings. Uluru is listed as a World '+
      'Heritage Site.</p>'+
      '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
      'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
      '(last visited June 22, 2009).</p>'+
      '</div>'+
      '</div>';

  var infowindow = new google.maps.InfoWindow({
      content: contentString
  });

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Uluru (Ayers Rock)'
  });
  google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>

Cerca

Cerca

Inserire Marker a Google Maps

AndrewLupin

Utente Attivo

f107

Utente Attivo

AndrewLupin

Utente Attivo

AndrewLupin

Utente Attivo

Discussioni simili