Content Marketingmārketinga rīki

Atjauniniet Google Maps ar GeoJSON vai KML failiem, izmantojot JavaScript API

KML (Keyhhole Markup Language) un GeoJSON (Ģeogrāfisks JSON) ir divi failu formāti, ko izmanto ģeogrāfisko datu strukturētai glabāšanai. Katrs formāts ir piemērots dažāda veida lietojumprogrammām un var tikt izmantots dažādos kartēšanas pakalpojumos, t.sk Google Maps. Iedziļināsimies katra formāta detaļās un sniegsim piemērus:

KML fails

KML ir uz XML balstīts formāts ģeogrāfisko datu attēlošanai, kas izstrādāts izmantošanai programmā Google Earth. Tas ir lieliski piemērots punktu, līniju, daudzstūru un attēlu attēlošanai kartēs. KML failos var būt iekļautas tādas funkcijas kā vietas atzīmes, ceļi, daudzstūri, stili un daudz kas cits.

KML faila piemērs:

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

Šis KML piemērs definē vienu Ņujorkas vietas atzīmi. The <coordinates> tags norāda garumu, platumu un augstumu (šajā secībā), un augstums nav obligāts.

GeoJSON fails

GeoJSON ir formāts dažādu ģeogrāfisko datu struktūru kodēšanai, izmantojot JSON. Tā atbalsta tādus ģeometrijas veidus kā Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon un GeometryCollection.

GeoJSON faila piemērs:

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

Šis GeoJSON piemērs arī definē vienu punktu Ņujorkai, līdzīgi kā KML piemērā. The coordinates masīvs satur garuma un platuma grādus.

Atšķirības un lietojums

  • KML bieži tiek izmantots kopā ar Google Earth un citām lietojumprogrammām, kurām nepieciešamas bagātīgas ģeogrāfiskās anotācijas un stils. Tas ir ļoti piemērots stāstiem vai detalizētām ģeogrāfiskām prezentācijām.
  • GeoJSON ir vieglāks un parasti tiek izmantots tīmekļa lietojumprogrammās, īpaši tajās, kurās tiek izmantots JavaScript. Tas ir vēlamais formāts tīmekļa karšu lietojumprogrammām un ĢIS programmatūra tās vienkāršības un savietojamības ar JavaScript objektu notācijas dēļ.

Abiem formātiem ir izšķiroša nozīme dažādās pārdošanas un mārketinga stratēģijās, īpaši, ģeogrāfiski kartējot klientu datus, analizējot tirgus tendences vai plānojot uz atrašanās vietu balstītas mārketinga kampaņas. Spēja vizuāli attēlot datus kartēs var būt spēcīgs instruments šajos kontekstos, palīdzot labāk pieņemt lēmumus un izstrādāt stratēģiju.

Kā iegult KML vai GeoJSON savā Google kartē

Lai iegultu KML vai JSON failu ar ģeogrāfiskajiem datiem, izmantojot Google Maps JavaScript API, katram faila veidam ir jāveic tālāk norādītās darbības.

KML faila iegulšana

  1. Sagatavojiet KML failu: nodrošiniet, lai jūsu KML fails būtu pieejams tiešsaistē. Tam ir jābūt publiski pieejamam, lai Google Maps to varētu izgūt.
  2. Izveidojiet karti: inicializējiet jaunu Google karti savā lietojumprogrammā.
  3. Ielādējiet KML slāni: Izmantojiet google.maps.KmlLayer klasē, lai pievienotu kartei savu KML failu.

Koda piemērs:

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

aizstāt 'http://yourdomain.com/path/to/yourfile.kml' ar sava KML faila URL.

JSON faila iegulšana

  1. Sagatavojiet JSON failu: jūsu JSON ir jābūt GeoJSON formātā — standarta formātā ģeogrāfisko datu kodēšanai.
  2. Izveidojiet karti: tāpat kā ar KML, inicializējiet Google karti savā lietojumprogrammā.
  3. Ielādējiet GeoJSON slāni: Izmantojiet map.data.loadGeoJson() metode, lai kartei pievienotu savus GeoJSON datus.

Koda piemērs:

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

aizstāt 'http://yourdomain.com/path/to/yourfile.json' ar sava GeoJSON faila URL.

Lietas, kas jāpatur prātā

  • Pārliecinieties, vai jūsu KML un GeoJSON faili ir pareizi formatēti un publiski pieejami.
  • Nepieciešama Google Maps JavaScript API atslēga. Iekļaujiet to savā HTML failu, kurā tiek ielādēts Google Maps skripts.
  • Pielāgojiet karti zoom un center rekvizītus atbilstoši jūsu datu ģeogrāfiskajai atrašanās vietai.

Šādā veidā integrējot KML vai GeoJSON failus, varat efektīvi attēlot bagātīgus ģeogrāfiskos datus savā tīmekļa lietojumprogrammā, piedāvājot lietotājiem dinamisku un interaktīvu kartes pieredzi. Tas var būt īpaši noderīgi dažādos pārdošanas un mārketinga kontekstos, kur ģeogrāfisko datu vizualizēšana var uzlabot potenciālo klientu vai komandas locekļu izpratni un iesaisti.

Douglas Karr

Douglas Karr ir TKO no OpenINSIGHTS un dibinātājs Martech Zone. Duglass ir palīdzējis desmitiem veiksmīgu MarTech jaunuzņēmumu, ir palīdzējis veikt vairāk nekā 5 miljardu dolāru Martech iegādes un ieguldījumu uzticamības pārbaudi, kā arī turpina palīdzēt uzņēmumiem ieviest un automatizēt to pārdošanas un mārketinga stratēģijas. Douglas ir starptautiski atzīts digitālās transformācijas un MarTech eksperts un runātājs. Duglass ir arī publicēts Dummie rokasgrāmatas un biznesa vadības grāmatas autors.

Saistītie raksti

Atpakaļ uz augšu pogu
aizvērt

Reklāmu bloķēšana konstatēta

Martech Zone var nodrošināt jums šo saturu bez maksas, jo mēs gūstam peļņu no savas vietnes, izmantojot ieņēmumus no reklāmām, saistīto uzņēmumu saites un sponsorēšanu. Būsim pateicīgi, ja, apskatot mūsu vietni, noņemtu savu reklāmu bloķētāju.