Miten saada Google Map sen Web
Tiistai, tammikuu 23, 2007Web2.0 tarkoittaa myös ohjelmiston kautta API. Mahdollisuus hyödyntää kauko-ominaisuuksia ja toimintoja muualla on erittäin hyödyllistä, sillä Internet. Sen lisäksi, että Yahoo, sen Toolkit 2,0 tyyliä, Google -, geo-referenzazione - ehdottaa sen vapaata työkaluja, tässä tapauksessa käsittelyä ja hallintaa karttoja.
Google Maps API: n avulla voit sisällyttää Google Maps omia Web-sivujen kautta Javascript.
Ensimmäinen asia tehdä ennen kuin se voi alkaa kokea sovellusrajapintoja, on rekisteröityä sivuston http://www.google.com/apis/maps/ saada keskeiset (a kuvata UID) sivuston käyttöä. Itse asiassa jokaista Web on tarpeen avain!
Google tarjoaa sekä ilmainen palvelu, että Enterprise-, intranet-ratkaisuja ja käyttää edistyneitä - katso: Google Maps for Enterprise
Tämä ilmainen versio, mutta jo ratkaisee kaikki mahdolliset tarpeet. Kun avain on automaattisesti ehdotettu yhteenveto sivulle JavaScript-koodia näytteestä. Ensimmäinen askel on toipua ja pituutta latidudine alueen, jonka haluat nähdä.
- showMap funktio () (
- GBrowserIsCompatible ( ) ) { if (GBrowserIsCompatible ()) (
- GMap2 ( document. getElementById ( "map" ) ) ; var map = new GMap2 (document. getElementById ( "Map"));
- new GLatLng ( 37 . 4419 , - 122 . 1419 ) , 13 ) ; kartta. setCenter (uusi GLatLng (37. 4419, - 122. 1419), 13);
- )
- )
Näytteen koodi on melko yksinkertainen. Se basa sull'instanza-luokan GMap2 () liitetyllä DIV tälle sivulle, tässä tapauksessa DIV kanssa id = "kartta".
Täydellinen dokumentaatio API tarjoaa myös uusia näkökulmia, kuten asettamalla näkyville hybrid - satelliitti / kartta - aktivointi ohjauslaitteet zoom ja liikkeet, mahdollisuus liittymäperusteita "balloon" henkikökohtaiset suuntiin.
Yksi tapa aktivoida joukon tarkastukset on:
- GMap2 ( document. getElementById ( "map" ) ) ; var map = new GMap2 (document. getElementById ( "Map"));
- GLatLng ( 37 . 4419 , - 122 . 1419 ) ; var center = new GLatLng (37. 4419, - 122. 1419);
- center, 17 , G_HYBRID_MAP ) ; // Mappa ibrida kartta. setCenter (center, 17, G_HYBRID_MAP); / / Kartta hybridi
- new GMapTypeControl ( ) ) ; kartta. addControl (uusi GMapTypeControl ());
- new GLargeMapControl ( ) ) ; kartta. addControl (uusi GLargeMapControl ());
- new GScaleControl ( ) ) ; // Zomming kartta. addControl (uusi GScaleControl ()) / / Zomming
Voit myös liittää GMarker, "balloon" lisätoimenpiteiden ohjausta ja tehdä reagoida hiiren painalluksella.
- ; var WINDOW_HTML = "<div class="td_testo"> <strong> Kokeile My Name </ strong> <br /> Via Roma, 100 <br /> 00100 - Rooma, Italia </ div> <div class =" menu " > <A href = "http://maps.google.com/maps?f=q&hl=it&q=Via + Rooma, +42, + Roma & IE = UTF8 & om = 1 & z = 17 & ll = 41.851366,12.473409 & spn = 0.005786,0.013561 & iwloc = A "> Miten meille </ a> </ div> ';
- GMarker ( center ) ; var marker = new GMarker (keskellä);
- marker ) ; kartta. addOverlay (merkkijäämä);
- marker, 'click' , function ( ) { GEvent. AddListener (marker, "valitse", toiminnon () (
- WINDOW_HTML ) ; merkkiaine. openInfoWindowHtml (WINDOW_HTML);
- ));
- marker, 'infowindowclose' , function ( ) { GEvent. AddListener (marker, "infowindowclose", toiminnon () (
- center, 2 ) ; kartta. recenterOrPanToLatLng (keskellä, 2);
- ));
- WINDOW_HTML ) ; merkkiaine. openInfoWindowHtml (WINDOW_HTML);
Kyseisen sivuston täydellinen dokumentaatio esaudisce meidän kaikkien toive, jonka käyttö erityispainos Marker, JSON, Ajax ja paljon enemmän. Muun muassa löytyy monia esimerkkejä koodi esimerkkejä suoraan verkossa. A-työkalu - ilmaiseksi - käyttää välittömästi!
Katso myös ...
- 27.08.08: Erittäin lyhyt katkelmia: lähetä sähköpostia HTML PHP (0)
- 26.08.08: Skypemote.com: Tell kanssa tunteet (3)
- 21.08.08: ABS-WP: add your blog hakuun selain (7)
- 20.08.08: Simple Harmonikka kanssa luokan USimpleTabStrip (0)
- 19.08.08: Flick ja Flock (2)
Villa centopino sanoi:
En voi antaa heidän päästä comic… se on mahdollista esimerkki tai lisätietoja Englanti, miten tehdä?
kiitos
Giovambattista Fazioli sanoi:
@ Villa Centopino: esimerkki on osoittanut, että Postin. Mitä ongelmia olet kokenut tarkalleen? Joissakin virhe?
Villa centopino sanoi:
Hei
ei ole lisännyt balloon kopioimalla ja liittämällä, mitään virhettä…
Mutta edelleen hakea I ratkaistu
Hei ja kiitokset
Armando sanoi:
Voit saada leveyttä ja pituutta, nimi, kaupunki ja tien?
Google Maps: kuinka saada pituus-ja leveysasteiden osoitteesta osoite | Undolog.com sanoi:
[...] Tällä kertaa vastata kommentin kanssa postitse, koska yleinen etu. Armando kysyi minulta, jos se oli mahdollista, Google Maps, saat pituus-ja leveysasteiden alkaen [...]
Alberto sanoi:
Hei,
I palvelevat käsin.
Toivon, että minun sarjakuvat oli jo esillä, ilman että välttämättä ottaa tekemistä hiiren klikkauksella.
Lisäksi haluaisin comic book sisältää vaihtoehtoja "löytää polku olla täällä ja täällä."
Se "viikolla, että meidän sbattola eläintä, anna minulle manoper favor.
Kiitos ja pian
Alex sanoi:
Kiitos!
Beppe sanoi:
Hei kaikki halusivat kysyä, miksi ei näytä osoite ja markatore ei mitrova osoite…
(alert (osoite + "ei löydy");....Kirjoitin seuraavasti:
...lataustapahtuman = "load ();showAddress ( "Via della Portichina, LU 20 55049 Viareggio, Italia"); "onunload = "GUnload ();"......kiitos paljon