Sisältö MarkkinointiMarkkinointityökalut

Päivitä Google Maps GeoJSON- tai KML-tiedostoilla JavaScript-sovellusliittymän avulla

KML (Keyhole Markup Language) ja GeoJSON (Maantieteellinen JSON) ovat kaksi tiedostomuotoa, joita käytetään maantieteellisten tietojen tallentamiseen jäsennellyllä tavalla. Jokainen muoto sopii erityyppisiin sovelluksiin ja sitä voidaan käyttää erilaisissa kartoituspalveluissa, mm Google Maps. Perehdytään kunkin muodon yksityiskohtiin ja anna esimerkkejä:

KML-tiedosto

KML on XML-pohjainen muoto maantieteellisten tietojen esittämiseen, joka on kehitetty käytettäväksi Google Earthin kanssa. Se sopii erinomaisesti pisteiden, viivojen, polygonien ja kuvien näyttämiseen kartoissa. KML-tiedostot voivat sisältää ominaisuuksia, kuten paikkamerkitsimiä, polkuja, polygoneja, tyylejä ja paljon muuta.

Esimerkki KML-tiedostosta:

<?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>

Tämä KML-esimerkki määrittää yhden paikkamerkitsimen New York Citylle. The <coordinates> -tunniste määrittää pituusasteen, leveysasteen ja korkeuden (tässä järjestyksessä), ja korkeus on valinnainen.

GeoJSON tiedosto

GeoJSON on muoto, jolla voidaan koodata erilaisia ​​maantieteellisiä tietorakenteita JSON-tekniikalla. Se tukee geometriatyyppejä, kuten Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon ja GeometryCollection.

Esimerkki GeoJSON-tiedostosta:

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "name": "New York City",
        "description": "New York City"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [-74.006, 40.7128]
      }
    }
  ]
}

Tämä GeoJSON-esimerkki määrittää myös yhden pisteen New York Citylle, kuten KML-esimerkki. The coordinates taulukko sisältää pituus- ja leveysasteen.

Erot ja käyttö

  • KML käytetään usein Google Earthin ja muiden sovellusten kanssa, jotka vaativat monipuolisia maantieteellisiä merkintöjä ja tyyliä. Se sopii erittäin hyvin tarinankerrontaan tai yksityiskohtaisiin maantieteellisiin esityksiin.
  • GeoJSON on kevyempi ja sitä käytetään tyypillisesti verkkosovelluksissa, erityisesti JavaScriptiä käyttävissä sovelluksissa. Se on suositeltu muoto web-pohjaisille karttasovelluksille ja GIS ohjelmisto sen yksinkertaisuuden ja yhteensopivuuden vuoksi JavaScript Object Notationin kanssa.

Molemmat muodot ovat tärkeitä erilaisissa myynti- ja markkinointistrategioissa, erityisesti kun kartoitetaan maantieteellisesti asiakastietoja, analysoidaan markkinatrendejä tai suunnitellaan sijaintiin perustuvia markkinointikampanjoita. Kyky esittää tietoja visuaalisesti kartoilla voi olla tehokas työkalu näissä yhteyksissä, mikä auttaa parantamaan päätöksentekoa ja strategian kehittämistä.

Kuinka upottaa KML tai GeoJSON Google-karttaan

Jos haluat upottaa KML- tai JSON-tiedoston maantieteellisillä tiedoilla Google Mapsin JavaScript-sovellusliittymän avulla, sinun on noudatettava näitä vaiheita kunkin tiedostotyypin kohdalla:

KML-tiedoston upottaminen

  1. Valmistele KML-tiedosto: Varmista, että KML-tiedostosi on käytettävissä verkossa. Sen on oltava julkisesti saatavilla, jotta Google Maps voi hakea sen.
  2. Luo kartta: Alusta uusi Google-kartta sovelluksessasi.
  3. Lataa KML-taso: Käytä google.maps.KmlLayer luokkaa lisätäksesi KML-tiedostosi karttaan.

Esimerkkikoodi:

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
    });
}

korvata 'http://yourdomain.com/path/to/yourfile.kml' KML-tiedostosi URL-osoitteen kanssa.

JSON-tiedoston upottaminen

  1. Valmistele JSON-tiedosto: JSON-tiedostosi tulee olla GeoJSON-muodossa, joka on vakiomuoto maantieteellisten tietojen koodaamiseen.
  2. Luo kartta: Kuten KML:n kanssa, alusta Google-kartta sovelluksessasi.
  3. Lataa GeoJSON-taso: Käytä map.data.loadGeoJson() tapa lisätä GeoJSON-tietosi karttaan.

Esimerkkikoodi:

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');
}

korvata 'http://yourdomain.com/path/to/yourfile.json' GeoJSON-tiedostosi URL-osoitteella.

Muistettavaa

  • Varmista, että KML- ja GeoJSON-tiedostosi on muotoiltu oikein ja että ne ovat julkisesti saatavilla.
  • Google Maps JavaScript API -avain vaaditaan. Sisällytä se omaan HTML tiedosto, johon Google Maps -skripti ladataan.
  • Säädä karttaa zoom ja center ominaisuuksia tietojesi maantieteellisen sijainnin mukaan.

Integroimalla KML- tai GeoJSON-tiedostoja tällä tavalla voit näyttää tehokkaasti monipuolisia maantieteellisiä tietoja verkkosovelluksessasi, mikä tarjoaa käyttäjille dynaamisen ja interaktiivisen karttakokemuksen. Tämä voi olla erityisen hyödyllistä erilaisissa myynti- ja markkinointikonteksteissa, joissa maantieteellisten tietojen visualisointi voi parantaa potentiaalisten asiakkaiden tai tiimin jäsenten ymmärrystä ja sitoutumista.

Douglas Karr

Douglas Karr on CMO of OpenINSIGHTS ja perustaja Martech Zone. Douglas on auttanut kymmeniä menestyneitä MarTech-startuppeja, auttanut yli 5 miljardin dollarin due diligence -tarkastuksessa Martechin hankinnoissa ja investoinneissa ja avustaa edelleen yrityksiä niiden myynti- ja markkinointistrategioiden toteuttamisessa ja automatisoinnissa. Douglas on kansainvälisesti tunnustettu digitaalisen transformaation ja MarTechin asiantuntija ja puhuja. Douglas on myös julkaissut Dummie's-oppaan ja yritysjohtajuuskirjan.

Aiheeseen liittyvät artikkelit

Takaisin alkuun -painiketta
lähellä

Adblock havaittu

Martech Zone pystyy tarjoamaan sinulle tämän sisällön veloituksetta, koska ansaitsemme sivustomme mainostulojen, kumppanilinkkien ja sponsoroinnin kautta. Olisimme kiitollisia, jos poistaisit mainosten esto-ohjelman, kun katselet sivustoamme.