perriea / OpenData-Map

Dynamic display of map data to encourage buying in real estate.

Home Page:https://perriea.github.io/OpenData-Map

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

OpenData Map

Projet Sandwich Class Camp proposed by Instriit in partnership with l'ETNA.

Dynamic display of map data Open Data to encourage the purchase in real estate.

Installation Widget

Just write in <head> :

<script src='./newhome.js'></script>

In <body> :

<div id='InSTRiiTExtension'></div>

Configuration

API MapBox

In Newhome.js :

function plan ()
{
	var cities = new L.LayerGroup();
  	L.mapbox.accessToken = 'api_token';
  	...
}

If you do not change the API token you'll get a blank page.

Options Menu

You can customize the Action menu to display the data you want to display (for that you have data).

function Checked (mapCluster, L) 
{
  L.control.layers({
    'Street Map': L.mapbox.tileLayer('mapbox.streets').addTo(mapCluster),
    'Satellite': L.mapbox.tileLayer('mapbox.satellite')
  }, {
    'section': L.mapbox.featureLayer().loadURL('URL_API')
  }).addTo(mapCluster);
}

Add new JS

var add_content = function()
{
  var html_to_add = "<div id='map-cluster' class='map'></div>";
  document.getElementById('InSTRiiTExtension').innerHTML = html_to_add;
  myRequire('https://api.tiles.mapbox.com/mapbox.js/v2.2.3/mapbox.js');
  myRequire('URL_JS');
  plan();
};

Resources

Thanks

OpenData Map © 2015, PERRIER Aurélien, MARTINELLI Sébastien & LEON Vincent

Released under the MIT License.

GitHub @perriea  ·  GitHub @cenevol  ·  GitHub @Vincent--L

About

Dynamic display of map data to encourage buying in real estate.

https://perriea.github.io/OpenData-Map

License:MIT License


Languages

Language:JavaScript 73.2%Language:CSS 15.5%Language:Shell 6.8%Language:HTML 4.5%