Git Product home page Git Product logo

map's Introduction

map

Map displaying all support groups and events of JLM2017 campaign.

See it on https://jlm2017.github.io/map/.

Include it on web pages with iframe, such as :

<iframe style="display:block; width: 90%; margin: auto; margin-bottom: 20px; height: 800px; height: 80vh; border: 1px solid #ccc;"
      src="https://jlm2017.github.io/map/"></iframe>

Params

Params are passed to the app using query variables :

Example :

<iframe
  style="border: none; margin: 0 0; padding: 0 0; width: 80%; height: 400px"
  src="https://jlm2017.github.io/map/?zipcode=[code-postal]&event_type=melenchon&circonscriptions=1">
</iframe>
  • event_type: a column-separated list of event types to display. Available event_types are groups, evenements_locaux, melenchon, and reunions_circonscription. Default value is groups,evenements_locaux,melenchon
  • zipcode: a french postal code to zoom in. The map tries to include the 4 closest groups or events (depending on the first element of event_type).
  • circonscriptions: 0 or 1, displays the bounding of Grench electoral circonscriptions in the background. Default value: 0.
  • hide_panel: 0 or 1, hide the panel. Default value: 0.
  • no_cluster: 0 or 1, do not group the events on the map. Default value: 0.
  • tags: comma-separated list of tags. Only display events with those tags. Display all events in undefined.
  • hide_address : 0 or 1, hide the search bar. Default value: 0.
  • borderfit : fix the limit of the map, provide a parameter like: maxlat,maxlong,minlat,minlong. Caution, it disable zipcode option

map's People

Contributors

jillro avatar devichase avatar derekroth avatar filozofer avatar clement-analogue avatar

Watchers

James Cloos avatar Guillaume Rivier avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.