Table of Contents

map with GeoJSON file

Shows how to use a local GeoJSON file in the map. You can upload the file using the media manager. Note that the media manager may not recognize the file extensions as valid; see: http://www.dokuwiki.org/mime

code

<olmap id="olMapFour" width="600px" height="600px" lat="52.08" lon="5.19" zoom="11" statusbar="1" toolbar="1" controls="1" poihoverstyle="1" baselyr="OpenStreetMap" gpxfile="" kmlfile="" geojsonfile="samples:test.json" summary="geoJSON example">
52.1, 5.1,60,.8,marker-green.png, Just a spot in [[http://www.utrecht.nl|Utrecht]]
</olmap>

result

operating instructions

Various functions are available as part of the map.

mouse/touch operation
  • moving by grabbing the map with a mouse-click you can move the map around
  • overview map using the < button in the bottom right of the map you can expand an overview map
  • zooming in and out using the + and - buttons in the top left of the map you can obtain more or less detail in the map
  • switching themes or maps clicking on the ≡ icon on the right-hand side of the map you can view and select available maps and themes
  • retrieving information the map may contain elements that contain more information, by clicking these a popup will show this information
  • fullscreen display using the ⛶ button the map can be maximized to fullscreen display, use the ▢ button to return to page display.
keyboard operation

Keyboard operation becomes available after activating the map using the tab key (the map will show a focus indicator ring).

  • moving using the arrow keys you can move the map
  • overview map using the + button in the bottom right of the map you can expand an overview map
  • zooming in and out using the + and - buttons in the top left of the map or by using the + and - keys you can obtain more or less detail in the map
  • switching themes or maps clicking on the ≡ icon on the right-hand side of the map you can view and select available maps and themes
  • retrieving information the map may contain elements that contain more information, using the i key you can activate a cursor that may be moved using the arrow keys, pressing the enter will execute an information retrieval. press the i or the escape key to return to navigation mode
  • fullscreen display using the ⛶ button the map can be maximized to fullscreen display, use the ▢ button to return to page display.

It's possible that some of the functions or buttons describe above have been disabled by the page author or the administrator

GeoJSON example

 

Points of Interest
id symbol latitude longitude description
GeoJSON example
1 marker-green 52.1º 5.1º

Just a spot in Utrecht

GeoJSON file GeoJSON object GeoJSON track: test.

download test.json