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
- 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.
- Izveidojiet karti: inicializējiet jaunu Google karti savā lietojumprogrammā.
- 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
- Sagatavojiet JSON failu: jūsu JSON ir jābūt GeoJSON formātā — standarta formātā ģeogrāfisko datu kodēšanai.
- Izveidojiet karti: tāpat kā ar KML, inicializējiet Google karti savā lietojumprogrammā.
- 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
uncenter
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.