Ažurirajte Google karte GeoJSON ili KML datotekama pomoću JavaScript API-ja
KML (Keyhole Markup Language) i GeoJSON (Geografski JSON) dva su formata datoteka koji se koriste za strukturirano pohranjivanje geografskih podataka. Svaki je format prikladan za različite vrste aplikacija i može se koristiti u raznim uslugama kartiranja, uključujući Google Maps. Pogledajmo pojedinosti svakog formata i navedimo primjere:
KML datoteka
KML je format temeljen na XML-u za predstavljanje geografskih podataka, razvijen za korištenje s Google Earthom. Izvrstan je za prikazivanje točaka, linija, poligona i slika na kartama. KML datoteke mogu sadržavati značajke kao što su oznake mjesta, staze, poligoni, stilovi i još mnogo toga.
Primjer KML datoteke:
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Document>
<name>Example KML</name>
<Placemark>
<name>New York City</name>
<description>New York City</description>
<Point>
<coordinates>-74.006,40.7128,0</coordinates>
</Point>
</Placemark>
</Document>
</kml>
Ovaj KML primjer definira jednu oznaku mjesta za New York City. The <coordinates>
oznaka određuje zemljopisnu dužinu, širinu i nadmorsku visinu (tim redoslijedom), pri čemu je nadmorska visina opcionalna.
GeoJSON datoteka
GeoJSON je format za kodiranje različitih geografskih struktura podataka pomoću JSON-a. Podržava tipove geometrije kao što su Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon i GeometryCollection.
Primjer GeoJSON datoteke:
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"name": "New York City",
"description": "New York City"
},
"geometry": {
"type": "Point",
"coordinates": [-74.006, 40.7128]
}
}
]
}
Ovaj GeoJSON primjer također definira jednu točku za New York City, slično KML primjeru. The coordinates
niz sadrži zemljopisnu dužinu i širinu.
Razlike i uporaba
- KML često se koristi s Google Earthom i drugim aplikacijama koje zahtijevaju bogate geografske bilješke i stil. Vrlo je pogodan za pripovijedanje ili detaljne geografske prezentacije.
- GeoJSON je lakši i obično se koristi u web aplikacijama, posebno onima koje koriste JavaScript. To je preferirani format za web aplikacije za karte i GIS softver zbog svoje jednostavnosti i kompatibilnosti s JavaScript Object Notation.
Oba su formata presudna u raznim prodajnim i marketinškim strategijama, osobito pri geografskom mapiranju podataka o kupcima, analizi tržišnih trendova ili planiranju marketinških kampanja temeljenih na lokaciji. Sposobnost vizualnog predstavljanja podataka na kartama može biti moćan alat u tim kontekstima, pomažući u boljem donošenju odluka i razvoju strategije.
Kako ugraditi KML ili GeoJSON u svoju Google kartu
Da biste ugradili KML ili JSON datoteku s geografskim podacima pomoću Google Maps JavaScript API-ja, trebate slijediti ove korake za svaku vrstu datoteke:
Ugrađivanje KML datoteke
- Pripremite KML datoteku: Provjerite je li vaša KML datoteka dostupna na mreži. Mora biti javno dostupan da bi ga Google Maps dohvatio.
- Napravite kartu: Inicijalizirajte novu Google kartu u svojoj aplikaciji.
- Učitajte KML sloj: Koristiti
google.maps.KmlLayer
klase za dodavanje vaše KML datoteke na kartu.
Primjer koda:
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 8,
center: {lat: -34.397, lng: 150.644}
});
var kmlLayer = new google.maps.KmlLayer({
url: 'http://yourdomain.com/path/to/yourfile.kml',
map: map
});
}
zamijeniti 'http://yourdomain.com/path/to/yourfile.kml'
s URL-om vaše KML datoteke.
Ugradnja JSON datoteke
- Pripremite JSON datoteku: Vaš JSON trebao bi biti u GeoJSON formatu, standardnom formatu za kodiranje geografskih podataka.
- Napravite kartu: Kao i kod KML-a, inicijalizirajte Google kartu u svojoj aplikaciji.
- Učitajte sloj GeoJSON: Koristiti
map.data.loadGeoJson()
metoda za dodavanje vaših GeoJSON podataka na kartu.
Primjer koda:
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: {lat: -28, lng: 137}
});
// Assuming your GeoJSON file is located at the specified URL
map.data.loadGeoJson('http://yourdomain.com/path/to/yourfile.json');
}
zamijeniti 'http://yourdomain.com/path/to/yourfile.json'
s URL-om vaše GeoJSON datoteke.
Stvari koje treba imati na umu
- Provjerite jesu li vaše KML i GeoJSON datoteke ispravno formatirane i javno dostupne.
- Potreban je JavaScript API ključ za Google karte. Uključite ga u svoj HTML datoteku u koju se učitava skripta Google karata.
- Podesite kartu
zoom
icenter
svojstva prema geografskoj lokaciji vaših podataka.
Integrirajući KML ili GeoJSON datoteke na ovaj način, možete učinkovito prikazati bogate geografske podatke na svojoj web aplikaciji, nudeći korisnicima dinamično i interaktivno iskustvo karte. To može biti osobito korisno u različitim prodajnim i marketinškim kontekstima, gdje vizualizacija geografskih podataka može poboljšati razumijevanje i angažman potencijalnih klijenata ili članova tima.