Content marketingMarketinški alati

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

  1. Pripremite KML datoteku: Provjerite je li vaša KML datoteka dostupna na mreži. Mora biti javno dostupan da bi ga Google Maps dohvatio.
  2. Napravite kartu: Inicijalizirajte novu Google kartu u svojoj aplikaciji.
  3. 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

  1. Pripremite JSON datoteku: Vaš JSON trebao bi biti u GeoJSON formatu, standardnom formatu za kodiranje geografskih podataka.
  2. Napravite kartu: Kao i kod KML-a, inicijalizirajte Google kartu u svojoj aplikaciji.
  3. 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 i center 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.

Douglas Karr

Douglas Karr je CMO of OpenINSIGHTS i osnivač Martech Zone. Douglas je pomogao desecima uspješnih MarTech startupa, pomogao je u due diligence-u od preko 5 milijardi USD u Martech akvizicijama i ulaganjima te nastavlja pomagati tvrtkama u implementaciji i automatizaciji njihovih prodajnih i marketinških strategija. Douglas je međunarodno priznati stručnjak i govornik za digitalnu transformaciju i MarTech. Douglas je također objavljeni autor Dummie's guide i knjige o poslovnom vodstvu.

Vezani članci

Natrag na vrh
Blizu

Otkriven je Adblock

Martech Zone može vam pružiti ovaj sadržaj bez ikakvih troškova jer svoju web stranicu unovčavamo putem prihoda od oglasa, pridruženih veza i sponzorstava. Cijenili bismo kada biste uklonili program za blokiranje oglasa dok pregledavate našu stranicu.