Google maps na vlastny web

Programovacie jazyky, rady, poradňa...
Holubar
Darca
Darca
Používateľov profilový obrázok
Príspevky: 3894
Registrovaný: 24 feb 2005, 21:26
Bydlisko: Senec
Kontaktovať používateľa:

Google maps na vlastny web

Príspevok od používateľa Holubar »

Chcem si pridat na web presne takuto mapku

http://www.movable-type.co.uk/scripts/latlong.html

Mapku, uz mam, viem pridat aj tie body a spojnicu medzi nimi, ale neviem ako spravit, aby bol zoom presne taky, aby sa tam vmestili tie dva body.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Google maps na vlastny web

Príspevok od používateľa audiotrack »

ono to je google maps api, a tam by to zazoomovať aby boli všetky body viditeľné malo ísť: http://econym.org.uk/gmap/basic14.htm
priznám sa ale, že s týmto api na mapky som nikdy nerobil, tak bližšie ti povedať neviem. Musel by som poskúšať
dykeer
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 102
Registrovaný: 02 jan 2011, 21:21
Kontaktovať používateľa:

Re: Google maps na vlastny web

Príspevok od používateľa dykeer »

Toto je ukážka kódu v javascripte, ktorá ti vygeneruje mapku: parameter zoom je to, čo hladáš

Kód: Vybrať všetko

      var map;
      function initialize() {
        var myOptions = {
          zoom: 7,
          center: new google.maps.LatLng(48.676454,18.48999),
          mapTypeId:google.maps.MapTypeId.ROADMAP,
		  mapTypeControl:true,
		  scrollwheel:true,
		  streetViewControl:false,
		  mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU,position:google.maps.ControlPosition.TOP_RIGHT},
		  navigationControl:true,
		  scaleControl:false
        };
        map = new google.maps.Map(document.getElementById('map_canvas'),myOptions);
		setMarkers(map, beaches);
	  }
google.maps.event.addDomListener(window, 'load', initialize);
Mapka sa ti vykresli do divu s id map_canvas, niekedy je ťažke nastaviť zoom + sirku a výšku mapky tak, aby ti to vyhovovalo. Musíš sa pohrať s týmito parametrami.
Toto je HTML kód:

Kód: Vybrať všetko

<div id="map_canvas" style="height: 600px;"></div>
Holubar
Darca
Darca
Používateľov profilový obrázok
Príspevky: 3894
Registrovaný: 24 feb 2005, 21:26
Bydlisko: Senec
Kontaktovať používateľa:

Re: Google maps na vlastny web

Príspevok od používateľa Holubar »

dykeer: ide o to, aby parameter zoom bol dynamicky a teda pouzit nastroje google API, ktore vedia vykreslit mapku v takom zoome, ako je potrebne.

A ide to tak, ako sa pise na stranke, co postol audiotrack. Sice som sa obaval, ze je to iba pre v2, ale pouziva sa to aj v 3ke, len to nespominaju v dokumentacii.
Napísať odpoveď