mapzen/map-ui

Name: map-ui

Owner: Mapzen

Description: map ui for mapzen. deprecated. use mapzen.js if you can.

Created: 2016-05-18 16:50:18.0

Updated: 2017-03-09 19:58:30.0

Pushed: 2017-03-10 20:47:48.0

Homepage:

Size: 3595

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

mapzen map ui [deprecated]

this adds common ui elements for map demos made by mapzen. currently it assumes a globally accessible map object that is a Leaflet instance.

Add script to your demo:

ipt src='https://mapzen.com/common/ui/mapzen-ui.min.js'></script>

Initialize components:

.bug({
me: 'Tangram',
nk: 'https://mapzen.com/projects/tangram',
eet: 'Tangram: real-time WebGL maps from @mapzen',
po: 'https://github.com/tangrams/tangram'

Included components:

• Bug (branding, social sharing, tracking UI)
• Mapzen Search
• Geolocation

Baseline UI standards

• Zoom in/out buttons, if present, are hidden on touch-enabled devices. See below.
• Links inside of an iframe are asked to open on top of the iframe unless explicitly told otherwise in the anchor target attribute.
• URLs should reflect the lat/lng and zoom state of full-screen maps. See leaflet-hash.js section below.

Components

Bug (separate module)

Branding, social sharing, and tracking UI component for standalone demos. [separate module]

Mapzen Search

This installs the Leaflet geocoder plugin. By default it is on if the page is not iframed and it is off if the page is iframed.

You can turn it off always by adding this option:

.bug({
arch: false

You can turn it on always, even when iframed, by adding this option:

.bug({
arch: true

Locate me

This installs the Leaflet.Locate plugin. By default it is on if the page is not iframed and it is off if the page is iframed.

You can turn it off always by adding this option:

.bug({
cate: false

You can turn it on always, even when iframed, by adding this option:

.bug({
cate: true

Building

Install npm and dependencies, then:

install

You may also need to install gulp globally:

install gulp -g

Then, each time you want to build everything:

          # Files are generated in dist/

To publish to S3: commits to master branch are auto-deployed via CircleCI.