Google API

[gibek2 12]

Witam czy podpowiedział by mi ktoś w którym miejscu trzeba wstawić kod aby utworzyć marker ?

		<script type="text/javascript">   
		<!-- 
		
		
			var mapa; // obiekt globalny
			var dymek = new google.maps.InfoWindow();
			
			// niezbędne elementy do wyznaczenia trasy:
			var trasa  		 = new google.maps.DirectionsService();
			var trasa_render = new google.maps.DirectionsRenderer();
			
			function mapaStart()  
			{  
				var wspolrzedne = new google.maps.LatLng(51.822902,19.425193000000036);
				var opcjeMapy = {
					zoom: 15,
					center: wspolrzedne,
					mapTypeId: google.maps.MapTypeId.ROADMAP
					
					
					
				};
				
				
				
				
				
				mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy); 			
				
				// ustawienie docelowej mapy i kontenera na wskazówki
				trasa_render.setMap(mapa);
				trasa_render.setPanel(document.getElementById('wskazowki'));
			}  
			
			function znajdz_wskazowki()
			{
				var dane_trasy = 
				{
					origin: document.getElementById('skad').value,
					destination: document.getElementById('dokad').value,
					travelMode: google.maps.DirectionsTravelMode.DRIVING
				};
				
				trasa.route(dane_trasy, obsluga_wskazowek);
			}
			
			function obsluga_wskazowek(wynik, status)
			{
				if(status != google.maps.DirectionsStatus.OK || !wynik.routes[0])
				{
					alert('Wystąpił błąd!');
					return;
				}
				
				trasa_render.setDirections(wynik);
			}
			
			
		-->
		</script>     

Kod Markera z google : https://developers.google.com/maps/documentation/javascript/examples/marker-simple?hl=pl

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 marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Hello World!'
  });
}

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

[GyniO 10]

  function addMapMarker(lat, lng, desc)
    {
        var clicked = 0;
        var markerLatlng = new google.maps.LatLng(lat,lng);
        
        var marker = new google.maps.Marker({
            position: markerLatlng,
            map: mapa,
            draggable: false
        });

	markers.push(marker);
    }

I wywołaj kiedy chcesz, ile chcesz:

addMapMarker(lat,lng,json_encode('tekst'));

Głównie chodzi o użycie pusha, jeżeli nie masz markera w inicjatorze:

markers.push(marker);

Zainteresuj się jeszcze dodatkiem InfoBubble - fajna sprawa - wtedy można robić akcje onclick, stylować oraz dodawać html'a do chmurki.

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/

Edytowano Kwiecień 23, 2014 przez GyniO (zobacz historię edycji)