Introducere în proiectul openstreetmap - cartografie web distractivă

În această notă vreau să vă prezint serviciul cartografic OpenStreetMap și exemple de utilizare a acestuia pe site-uri.

Introducere în proiectul openstreetmap - cartografie web distractivă

Este un proiect gratuit pentru dezvoltarea în comun a hărților și diagramelor publice ale orașelor, străzilor, drumurilor cu ajutorul introducerii datelor manuale sau automate, precum și obținerea datelor de la receptoarele GPS portabile.







Crearea hărții este susținută de o comunitate de utilizatori din diferite regiuni ale lumii, fiecare adăugând o mică informație.

Datele create sub OpenStreetMap sunt distribuite sub licența Creative Commons Attribution-ShareAlike 2.0. rezultatele oricăror modificări trebuie să fie publicate sub aceeași licență.

Cum funcționează datele:

Datele din OpenStreetMap pot fi utilizate gratuit pe site-urile lor.

1. Folosind API-ul Google Maps v3







Introducere în proiectul openstreetmap - cartografie web distractivă

Voi explica acest cod.

La început, am setat proprietățile hărții și l-am inițializat.

După aceea, creați un nou tip de hartă de opt cu setul de proprietăți openStreet.

Adăugați tipul creat în harta noastră

map.mapTypes.set ('osm', openStreet);
map.setMapTypeId ('osm');

În plus, adăugăm tipurile disponibile pentru Google Maps:

  • ROADMAP standard Hărți Google în format 2D, hărți rutiere și denumiri de localități;
  • Harta SATELITĂ compusă din imagini din spațiu;
  • HYBRID afișează o combinație a primelor două tipuri de hărți - imagini din spațiu și hărți rutiere, nume de orașe;
  • TERRAIN afișează pe hartă terenul (râuri, munți).

2. Utilizând OpenLayers

Introducere în proiectul openstreetmap - cartografie web distractivă

Definim harta si containerul pentru aceasta basicMap.

Conectați stratul cu harta OpenStreetMap:

var mapnik = nou OpenLayers.Layer.OSM ();
map.addLayer (mapnik);

Setați centrul hărții și nivelul scării.

OpenLayers are capacitatea de a converti proiecțiile hărților.

În acest exemplu, proiecția WGS 1984 utilizată în OpenStreetMap este convertită la o proiecție utilizată în Google Maps - Mercator.

Puteți afla mai multe despre lucrul cu OpenLayers aici:

Navigare după înregistrări







Trimiteți-le prietenilor: