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
- Valmistele KML-tiedosto: Varmista, että KML-tiedostosi on käytettävissä verkossa. Sen on oltava julkisesti saatavilla, jotta Google Maps voi hakea sen.
- Luo kartta: Alusta uusi Google-kartta sovelluksessasi.
- 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
- Valmistele JSON-tiedosto: JSON-tiedostosi tulee olla GeoJSON-muodossa, joka on vakiomuoto maantieteellisten tietojen koodaamiseen.
- Luo kartta: Kuten KML:n kanssa, alusta Google-kartta sovelluksessasi.
- 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
jacenter
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.