Ukukhangisa OkuqukethweAmathuluzi Okukhangisa

Buyekeza i-Google Maps Nge-GeoJSON noma Amafayela e-KML Usebenzisa i-JavaScript API

KML (Ulimi Lwemakhaphu Yezikhiye) kanye GeoJSON (Geographic I-JSON) zingamafomethi amabili amafayela asetshenziselwa ukugcina idatha yendawo ngendlela ehlelekile. Ifomethi ngayinye ifanele izinhlobo ezahlukene zezinhlelo zokusebenza futhi ingasetshenziswa kumasevisi ahlukahlukene okwenza imephu, okuhlanganisa I-google maps. Ake sihlole imininingwane yefomethi ngayinye futhi sinikeze izibonelo:

Ifayela le-KML

I-KML ifomethi esekelwe ku-XML yokumela idatha yendawo, eyenzelwe ukusetshenziswa ne-Google Earth. Kuhle kakhulu ekuboniseni amaphuzu, imigqa, amapholigoni, nezithombe kumamephu. Amafayela e-KML angafaka izici ezifana nezimpawu zendawo, izindlela, amapholigoni, izitayela, nokuningi.

Isibonelo Sefayela le-KML:

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

Lesi sibonelo se-KML sichaza umaki wendawo owodwa we-New York City. I <coordinates> ithegi icacisa i-longitude, i-latitude, nokuphakama (ngalolo hlelo), ukuphakama kube ngokuzikhethela.

Ifayela le-GeoJSON

I-GeoJSON iyifomethi yombhalo wekhodi izakhiwo zedatha yendawo usebenzisa i-JSON. Isekela izinhlobo zejometri ezifana ne-Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon, kanye neGeometryCollection.

Isibonelo Sefayela le-GeoJSON:

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

Lesi sibonelo se-GeoJSON siphinde sichaze iphuzu elilodwa le-New York City, elifana nesibonelo se-KML. I coordinates amalungu afanayo aqukethe i-longitude ne-latitude.

Umehluko kanye nokusetshenziswa

  • KML ivamise ukusetshenziswa ne-Google Earth nezinye izinhlelo zokusebenza ezidinga izichasiselo ezicebile zendawo kanye nesitayela. Ifaneleka kakhulu ukuxoxwa kwezindaba noma izethulo ezinemininingwane yendawo.
  • GeoJSON ayisindi futhi isetshenziswa ngokujwayelekile ezinhlelweni zewebhu, ikakhulukazi lezo ezisebenzisa i-JavaScript. Kuyifomethi ekhethwayo yezinhlelo zokusebenza zemephu ezisuselwe kuwebhu kanye I-GIS isofthiwe ngenxa yobulula bayo nokuhambisana ne-JavaScript Object Notation.

Womabili amafomethi abalulekile kumasu ahlukene okuthengisa nawokumaketha, ikakhulukazi uma kuhlelwa idatha yekhasimende ngokwendawo, kuhlaziya amathrendi ezimakethe, noma ukuhlela imikhankaso yokumaketha esekelwe endaweni. Ikhono lokumela idatha emamephu kungaba yithuluzi elinamandla kulezi zimo, elisiza ekuthathweni kwezinqumo okungcono nasekuthuthukisweni kwamasu.

Ushumeka Kanjani i-KML noma i-GeoJSON ku-Google Map yakho

Ukuze ushumeke ifayela le-KML noma le-JSON elinedatha yendawo usebenzisa i-Google Maps JavaScript API, udinga ukulandela lezi zinyathelo kuhlobo ngalunye lwefayela:

Ishumeka Ifayela le-KML

  1. Lungiselela Ifayela le-KML: Qinisekisa ukuthi ifayela lakho le-KML liyafinyeleleka ku-inthanethi. Kufanele ifinyeleleke esidlangalaleni ukuze i-Google Amamephu ilibuyise.
  2. Dala imephu: Qalisa i-Google Map entsha kuhlelo lwakho lokusebenza.
  3. Layisha Isendlalelo se-KML: Sebenzisa i- google.maps.KmlLayer class ukuze ungeze ifayela lakho le-KML kumephu.

Ikhodi Yesibonelo:

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

Faka esikhundleni 'http://yourdomain.com/path/to/yourfile.kml' nge-URL yefayela lakho le-KML.

Ishumeka Ifayela le-JSON

  1. Lungiselela Ifayela le-JSON: I-JSON yakho kufanele ibe kufomethi ye-GeoJSON, ifomethi evamile yombhalo wekhodi wedatha yendawo.
  2. Dala imephu: Njenge-KML, qalisa i-Google Map ohlelweni lwakho lokusebenza.
  3. Layisha Isendlalelo se-GeoJSON: Sebenzisa i- map.data.loadGeoJson() indlela yokwengeza idatha yakho ye-GeoJSON kumephu.

Ikhodi Yesibonelo:

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

Faka esikhundleni 'http://yourdomain.com/path/to/yourfile.json' nge-URL yefayela lakho le-GeoJSON.

Izinto Okufanele Uzikhumbule

  • Qinisekisa ukuthi amafayela akho e-KML nawe-GeoJSON afomethwe ngendlela efanele futhi afinyeleleka esidlangalaleni.
  • Ukhiye we-Google Maps JavaScript API uyadingeka. Kufake kweyakho i-HTML ifayela lapho umbhalo we-Google Amamephu ulayishwa khona.
  • Lungisa imephu zoom futhi center izakhiwo ngokuya ngendawo yendawo yedatha yakho.

Ngokuhlanganisa amafayela e-KML noma e-GeoJSON ngale ndlela, ungabonisa ngempumelelo idatha enothile yendawo kuhlelo lwakho lokusebenza lewebhu, unikeze ulwazi lwemephu oluguqukayo nolwenziwayo kubasebenzisi. Lokhu kungaba usizo ikakhulukazi ezimweni ezehlukene zokuthengisa nezokuthengisa, lapho ukubona ngeso lengqondo idatha yendawo kungathuthukisa ukuqonda nokuzibandakanya kwamakhasimende angaba khona noma amalungu eqembu.

Douglas Karr

Douglas Karr i-CMO ye VulaINSIGHTS kanye nomsunguli we Martech Zone. UDouglas usize inqwaba yeziqalo eziphumelelayo ze-MarTech, uye wasiza ekukhuthaleni okungaphezu kuka-$5 bil ekuthengeni nasekutshalweni kwe-Martech, futhi uyaqhubeka nokusiza izinkampani ekusebenziseni nasekuzenzeleni amasu azo okuthengisa nokumaketha. UDouglas uyingcweti yokuguqula idijithali eyaziwa emhlabeni wonke kanye nesikhulumi se-MarTech. UDouglas futhi ungumbhali oshicilelwe wencwadi kaDummie kanye nencwadi yobuholi bebhizinisi.

Izihloko ezihlobene Nalesi

Buyela emuva kunkinobho phezulu
Close

I-Adblock itholiwe

Martech Zone iyakwazi ukukunikeza lokhu okuqukethwe ngaphandle kwenkokhiso ngoba senza imali ngesayithi yethu ngemali engenayo yezikhangiso, izixhumanisi ezingaphansi, noxhaso. Singajabula uma ungasusa i-ad blocker yakho njengoba ubuka isayithi lethu.