Content MarketingMarkaðstæki

Uppfærðu Google kort með GeoJSON eða KML skrám með því að nota JavaScript API

KML (Keyhole Markup Language) og GeoJSON (Landfræðileg JSON) eru tvö skráarsnið sem notuð eru til að geyma landfræðileg gögn á skipulegan hátt. Hvert snið hentar fyrir mismunandi gerðir af forritum og er hægt að nota í ýmsum kortaþjónustum, þ.á.m Google Maps. Við skulum kafa ofan í smáatriði hvers sniðs og gefa dæmi:

KML skrá

KML er XML byggt snið til að tákna landfræðileg gögn, þróað til notkunar með Google Earth. Það er frábært til að sýna punkta, línur, marghyrninga og myndir á kortum. KML skrár geta innihaldið eiginleika eins og staðsetningar, slóða, marghyrninga, stíla og fleira.

Dæmi um KML skrá:

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

Þetta KML dæmi skilgreinir eitt staðmerki fyrir New York borg. The <coordinates> merkið tilgreinir lengdargráðu, breiddargráðu og hæð (í þeirri röð), þar sem hæð er valfrjáls.

GeoJSON skrá

GeoJSON er snið til að kóða margs konar landfræðileg gagnastrúktúr með því að nota JSON. Það styður rúmfræðigerðir eins og Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon og GeometryCollection.

Dæmi um GeoJSON skrá:

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

Þetta GeoJSON dæmi skilgreinir einnig einn punkt fyrir New York borg, svipað og KML dæmið. The coordinates fylki inniheldur lengdar- og breiddargráðu.

Mismunur og notkun

  • KML er oft notað með Google Earth og öðrum forritum sem krefjast ríkra landfræðilegra skýringa og stíls. Það er mjög hentugur fyrir frásagnir eða ítarlegar landfræðilegar kynningar.
  • GeoJSON er léttari og er venjulega notað í vefforritum, sérstaklega þeim sem nota JavaScript. Það er ákjósanlegt snið fyrir vefbundin kortaforrit og GIS hugbúnaður vegna einfaldleika hans og samhæfni við JavaScript Object Notation.

Bæði sniðin skipta sköpum í ýmsum sölu- og markaðsaðferðum, sérstaklega þegar landfræðilega kortleggja gögn viðskiptavina, greina markaðsþróun eða skipuleggja staðsetningartengdar markaðsherferðir. Hæfni til að sýna gögn á kortum getur verið öflugt tæki í þessu samhengi, sem hjálpar til við betri ákvarðanatöku og stefnumótun.

Hvernig á að fella inn KML eða GeoJSON í Google kortið þitt

Til að fella inn KML eða JSON skrá með landfræðilegum gögnum með því að nota Google Maps JavaScript API þarftu að fylgja þessum skrefum fyrir hverja tegund skráar:

Fella inn KML skrá

  1. Undirbúðu KML skrána: Gakktu úr skugga um að KML skráin þín sé aðgengileg á netinu. Það verður að vera aðgengilegt almenningi til að Google kort geti sótt það.
  2. Búðu til kort: Frumstilla nýtt Google kort í forritinu þínu.
  3. Hlaða KML laginu: Nota google.maps.KmlLayer bekk til að bæta KML skránni þinni við kortið.

Dæmi um kóða:

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

Skipta 'http://yourdomain.com/path/to/yourfile.kml' með slóð KML skráarinnar þinnar.

Fella inn JSON skrá

  1. Undirbúðu JSON skrána: JSON þinn ætti að vera á GeoJSON sniði, venjulegu sniði til að kóða landfræðileg gögn.
  2. Búðu til kort: Eins og með KML skaltu frumstilla Google kort í forritinu þínu.
  3. Hladdu GeoJSON laginu: Nota map.data.loadGeoJson() aðferð til að bæta GeoJSON gögnunum þínum við kortið.

Dæmi um kóða:

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

Skipta 'http://yourdomain.com/path/to/yourfile.json' með slóðinni á GeoJSON skrána þína.

Hluti sem þarf að hafa í huga

  • Gakktu úr skugga um að KML og GeoJSON skrárnar þínar séu rétt sniðnar og aðgengilegar almenningi.
  • Google Maps JavaScript API lykilinn er nauðsynlegur. Láttu það fylgja með HTML skrá þar sem Google korta forskriftin er hlaðin.
  • Stilltu kortið zoom og center eignir í samræmi við landfræðilega staðsetningu gagna þinna.

Með því að samþætta KML eða GeoJSON skrár á þennan hátt geturðu á áhrifaríkan hátt birt rík landfræðileg gögn á vefforritinu þínu, sem býður upp á kraftmikla og gagnvirka kortupplifun fyrir notendur. Þetta getur verið sérstaklega gagnlegt í ýmsum sölu- og markaðssamhengi, þar sem sjónræn gögn geta aukið skilning og þátttöku hugsanlegra viðskiptavina eða liðsmanna.

Douglas Karr

Douglas Karr er CMO af OpenINSIGHTS og stofnandi Martech Zone. Douglas hefur hjálpað tugum farsælra MarTech sprotafyrirtækja, hefur aðstoðað við áreiðanleikakönnun yfir $5 milljarða í kaupum og fjárfestingum Martech og heldur áfram að aðstoða fyrirtæki við að innleiða og gera sjálfvirkan sölu- og markaðsáætlanir sínar. Douglas er alþjóðlega viðurkenndur stafrænn umbreytingu og MarTech sérfræðingur og ræðumaður. Douglas er einnig útgefinn höfundur Dummie's guide og bók um leiðtogaviðskipti.

tengdar greinar

Til baka efst á hnappinn
Loka

Auglýsingablokk greind

Martech Zone er fær um að útvega þér þetta efni að kostnaðarlausu vegna þess að við afla tekna af síðunni okkar með auglýsingatekjum, tengdatenglum og kostun. Okkur þætti vænt um ef þú myndir fjarlægja auglýsingablokkann þinn þegar þú skoðar síðuna okkar.