This GIST provides an example of a Google Maps map with an OL3 map as control, to give users a Google base map with OL3 content on top.
Open the corresponding bl.ock to view the example in your browser.
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Vector layer example</title> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.7.0/ol.css" type="text/css"> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.7.0/ol.js"></script> | |
<script src="https://rawgit.com/tmcw/csv2geojson/gh-pages/csv2geojson.js"></script> | |
</head> | |
<body> | |
<div id="map" class="map"></div> |
NOM_COM | STATUT | SUPERFICIE | POPULATION | latitude | longitude | result_label | |
---|---|---|---|---|---|---|---|
TOULOUSE | Préfecture de région | 11809 | 447340 | 43.604268 | 1.441019 | Toulouse | |
NICE | Préfecture de département | 7392 | 344064 | 43.701875 | 7.267464 | Nice | |
NANTES | Préfecture de région | 6578 | 287845 | 47.216354 | -1.554456 | Nantes | |
STRASBOURG | Préfecture de région | 7810 | 272222 | 48.583530 | 7.746735 | Strasbourg | |
MONTPELLIER | Préfecture de région | 5712 | 264538 | 43.611024 | 3.875521 | Montpellier | |
BORDEAUX | Préfecture de région | 4970 | 239399 | 44.837663 | -0.579717 | Bordeaux | |
PARIS-15E-ARRONDISSEMENT | Commune simple | 846 | 238395 | 48.840698 | 2.299681 | 15e Arrondissement | |
LILLE | Préfecture de région | 3499 | 227533 | 50.631564 | 3.056440 | Lille | |
RENNES | Préfecture de région | 5036 | 208033 | 48.113844 | -1.681632 | Rennes |
<GDAL_WMS> | |
<Service name="TMS"> | |
<ServerUrl>http://tile.openstreetmap.org/${z}/${x}/${y}.png</ServerUrl> | |
</Service> | |
<DataWindow> | |
<UpperLeftX>-20037508.34</UpperLeftX> | |
<UpperLeftY>20037508.34</UpperLeftY> | |
<LowerRightX>20037508.34</LowerRightX> | |
<LowerRightY>-20037508.34</LowerRightY> | |
<TileLevel>18</TileLevel> |
# Mainly inspired by http://mclear.co.uk/2013/10/06/publishing-to-npm-on-git-commit-using-github-hooks-and-travis/ | |
# One shot for installation: uncomment below 3 lines | |
# sudo apt-get install rubygems | |
# sudo gem install json | |
# gem install travis | |
key="your_key" # Obtained from ~/.npmrc | |
email="your_mail" # Obtained from ~/.npmrc | |
base_url_project_github="git@github.com:kosmtik/" | |
plugins="kosmtik-mbtiles-export kosmtik-map-compare kosmtik-overpass-layer kosmtik-fetch-remote kosmtik-tiles-export kosmtik-geojson-overlay kosmtik-overlay kosmtik-mapnik-reference kosmtik-deploy kosmtik-place-search kosmtik-open-in-josm kosmtik-osm-data-overlay" |
This GIST provides an example of a Google Maps map with an OL3 map as control, to give users a Google base map with OL3 content on top.
Open the corresponding bl.ock to view the example in your browser.
<html> | |
<body> | |
<h1>Minimal WebWorker example</h1> | |
<p>Look in the console!</p> | |
<script src="main.js"></script> | |
</body> | |
</html> |