Parismap client

States

each mouse interaction state updates the marker class

• marker off: normal state, non focused
• marker on: when dragging, is the one at the center of the map
• marker full: when mouse released, marker become fullscreen

Install

you need

• npm

• bower (sudo npm install -g bower)

• npm install && bower install

Build

• grunt

App

android

keytool -genkey -v -keystore parismapstore.keystore -alias parismapkey -keyalg RSA -keysize 2048 -validity 10000

ios

if you really want to be part of the system

https://coderwall.com/p/eceasa

Licence

Both refactored parismap client and server are LGPL Licensed

Ploufmap options

var p = Ploufmap(options)

• markers

  • can either be: [from our parismap server] which marker type will be fetched from server. and wich icon 'type' [aka msg,evt] it will have
  • can either be: [from an external geojson feed]: the geojson feed(s) address and their marker 'type'

• ploufEndpoint=/p/get|/p/zoomed (please see server)

  • /p/get all ploufs within the given rectangle
  • /p/zoomed all ploufs with a onZoom property to set their opacity depending on zoom

• zoomClustering=true|false to set opacity of ploufs based on onZoom property of fetched ploufs

Styling markers

• .focused: when dragging around, mouseouver
• .opened: class when clicked, centered
• .template: just add this class to make an element take the fullscreen