Content MarketingZvishandiso Zvekushambadzira

Gadziridza Google Mepu neGeoJSON kana KML Mafaira Uchishandisa JavaScript API

KML (Keyhole Markup Mutauro) uye GeoJSON (Geographic JSON) mafomati maviri efaira anoshandiswa kuchengetedza data renzvimbo nenzira yakarongeka. Imwe neimwe fomati inokodzera mhando dzakasiyana dzekushandisa uye inogona kushandiswa mune akasiyana mepu masevhisi, kusanganisira Google Maps. Ngationgororei zvakadzama zvefomati imwe neimwe uye tipe mienzaniso:

KML File

KML imhando yeXML-yakavakirwa kumiririra data yenzvimbo, yakagadziridzwa kuti ishandiswe neGoogle Earth. Yakanakira kuratidza mapoinzi, mitsetse, maporigoni, uye mifananidzo pamepu. Mafaira eKML anogona kusanganisira maficha akaita senzvimbo, nzira, mapolygons, masitayipi, nezvimwe.

Muenzaniso weKML Faira:

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

Uyu muenzaniso weKML unotsanangura imwe nzvimbo yeNew York City. The <coordinates> tegi inotsanangura longitudo, latitude, uye kukwirira (muhurongwa ihwohwo), kukwidziridza kuri sarudzo.

GeoJSON Faira

GeoJSON ifomati yekukodha akasiyana eiyo geographic data zvimiro uchishandisa JSON. Inotsigira marudzi ejometri akadai sePoindi, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon, uye GeometryCollection.

Muenzaniso weGeoJSON Faira:

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

Uyu muenzaniso weGeoJSON unotsanangurawo poindi imwe yeNew York City, yakafanana neiyo KML muenzaniso. The coordinates array ine longitude nelatitude.

Kusiyana uye Kushandiswa

  • KML inowanzoshandiswa neGoogle Earth uye mamwe maapplication anoda hupfumi hwenzvimbo uye manyorerwo. Yakanyatsokodzera kutaurwa kwenyaya kana kutsanangurwa kwenzvimbo.
  • GeoJSON yakareruka uye inowanzoshandiswa mumawebhusaiti, kunyanya ayo anoshandisa JavaScript. Ndiyo fomati yakasarudzika yewebhu-yakavakirwa mepu maapplication uye GIS software nekuda kwekureruka kwayo uye kuenderana neJavaScript Object Notation.

Mafomati ese ari maviri akakosha mukutengesa kwakasiyana-siyana uye nzira dzekushambadzira, kunyanya kana geographical mepu data yevatengi, kuongorora mafambiro emusika, kana kuronga nzvimbo-yakavakirwa kushambadzira mishandirapamwe. Iko kugona kwekuona kumiririra data pamamepu kunogona kuve chishandiso chine simba mumamiriro ezvinhu aya, kubatsira mukuita sarudzo kuri nani nekuvandudza zano.

Maitiro Ekuisa KML kana GeoJSON muGoogle Mepu Yako

Kuti ubatidze faira reKML kana JSON rine data yenzvimbo uchishandisa Google Mepu JavaScript API, unofanirwa kutevedzera aya nhanho pamhando yega yega yefaira:

Kubatanidza KML Faira

  1. Gadzirira iyo KML Faira: Ita shuwa kuti faira rako reKML rinowanikwa pamhepo. Inofanirwa kuwanikwa neveruzhinji kuGoogle Mepu kuti itore.
  2. Gadzira Mepu: Tanga Google Mepu itsva mukushandisa kwako.
  3. Rodha iyo KML Layer: Shandisa iyo google.maps.KmlLayer kirasi yekuwedzera yako KML faira pamepu.

Muenzaniso Code:

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

Dzorera 'http://yourdomain.com/path/to/yourfile.kml' neURL yefaira rako reKML.

Kubatanidza faira reJSON

  1. Gadzirira iyo JSON Faira: JSON yako inofanirwa kunge iri muGeoJSON fomati, yakajairwa fomati ye encoding geographic data.
  2. Gadzira Mepu: Sezvakaita KML, tanga Google Mepu mukushandisa kwako.
  3. Rodha iyo GeoJSON Layer: Shandisa iyo map.data.loadGeoJson() nzira yekuwedzera yako GeoJSON data pamepu.

Muenzaniso Code:

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

Dzorera 'http://yourdomain.com/path/to/yourfile.json' neURL yefaira rako reGeoJSON.

Zvinhu zvekuchengeta mundangariro

  • Ita shuwa kuti mafaera ako eKML neGeoJSON akafomatidzwa nemazvo uye anowanikwa pachena.
  • Kiyi yeGoogle Mepu JavaScript API inodiwa. Isanganise mune yako HTML faira panoiswa zvinyorwa zveGoogle Mepu.
  • Gadzirisa mepu zoom uye center zvivakwa zvinoenderana nenzvimbo yedata rako.

Nekubatanidza mafaera eKML kana GeoJSON nenzira iyi, unogona kunyatso ratidza hupfumi hwenzvimbo pawebhu application yako, ichipa ine simba uye inopindirana mepu ruzivo kune vashandisi. Izvi zvinogona kunyanya kubatsira mukutengesa kwakasiyana-siyana uye kushambadzira mamiriro, uko kuona geographic data kunogona kuwedzera kunzwisisa uye kubatikana kwevangangodaro vatengi kana nhengo dzechikwata.

Douglas Karr

Douglas Karr ndiye CMO OpenINSIGHTS uye muvambi we Martech Zone. Douglas akabatsira akawanda ekubudirira kweMarTech kutanga, akabatsira mukushingairira kweanopfuura madhora mashanu emadhora mukutenga nekudyara kweMartech, uye anoenderera mberi nekubatsira makambani kuita nekuita otomatiki nzira dzawo dzekutengesa nekutengesa. Douglas inyanzvi inozivikanwa pasi rese yedhijitari uye MarTech nyanzvi uye mutauri. Douglas zvakare munyori akaburitswa wegwaro raDummie uye bhuku rehutungamiriri hwebhizinesi.

Related Articles

Kudzoka kumusoro
pedyo

Adblock Yaonekwa

Martech Zone inokwanisa kukupa izvi zvemukati pasina muripo nekuti isu tinoita mari saiti yedu kuburikidza nemari yekushambadza, affiliate links, uye kutsigira. Tinozotenda kana iwe ukabvisa yako ad blocker iwe paunoona yedu saiti.