Skip to content

Instantly share code, notes, and snippets.

View peterqliu's full-sized avatar

Peter Liu peterqliu

  • portland, oregon
View GitHub Profile
@peterqliu
peterqliu / gist:b1ebf728c73cbfc9925e
Last active August 29, 2015 14:06
Clicking on layer doesn't go to edit view
Throws "Uncaught ReferenceError: order is not defined " on this line:
function defaultTransitionErrorHandler(error) {
throw error; // This error probably originated in a transition hook.
}
I've npm installed on both the root and node-modules/mapbox-gl
@peterqliu
peterqliu / gist:faa17e5126d4c4c41bb7
Created September 29, 2014 21:45
Error when "make xproj"
Peters-MacBook-Pro:mapbox-gl-native peterliu$ make xproj
rm: /Users/peterliu/Repos/mapbox-gl-native/mapnik-packaging/osx/out/build-cpp11-libcpp-universal: Permission denied
ln: /Users/peterliu/Repos/mapbox-gl-native/mapnik-packaging/osx/out/build-cpp11-libcpp-universal/build-cpp11-libcpp-x86_64-macosx: Permission denied
{ 'target_defaults': { 'cflags': [],
'default_configuration': 'Release',
'defines': [],
'include_dirs': [],
'libraries': []},
'variables': { 'boost_root': '/Users/peterliu/Repos/mapbox-gl-native/mapnik-packaging/osx/out/build-cpp11-libcpp-x86_64-macosx',
@peterqliu
peterqliu / gist:6effa8369c0c9f47ca65
Last active August 29, 2015 14:11
Introducing Emerald, our new base style
We just did a big facelift to OSM Bright, our trusty workhorse for versatile, all-around map styling. What you'll find in Emerald:
- Improved road hierarchy-- digging deeper into OpenStreetMap taxonomy, we were able to stratify thoroughfares, hiking trails, highways and alleys more finely than ever before.
- Public transit: metro riders from DC to Paris will find their stations bolder and in their local insignia. We're looking forward to more local customizations as our source data gets even better.
- When in Rome: worldwide language support for labels in the local dialect (as data is available).
- v2 Terrain: Scale cliffs, plumb canyons, and course through Alpine switchbacks in minutes. Recently declassified data has tripled the resolution at which we're canvassing the world. Words don't really do justice here; you'll just have to see it (wanderlust likely).
@peterqliu
peterqliu / gist:e30f975ce66aa5160f7c
Last active March 26, 2018 00:27
All aboard! transit markers for your basemap

###All aboard! transit markers for your basemap

In addition to amazing outdoors data and stunning roads, we've added custom transit markers to several cities worldwide. From London, DC, Paris to Moscow, metro riders will find their stations with the local insignia. We've opened up the style source-- drop it in your next project, or grab and take this somewhere entirely new.

With Mapbox and Layer, we can build a great customer experience for any application. Real-time push notifications let customers and couriers stay on the same page without having to actually jump on a call.

1 - Customer places order

Customer shares their location with the courier.

image


2 - Courier receives notice of new order
@peterqliu
peterqliu / copenhagen.geojson
Created May 15, 2015 22:35
copenhagen.geojson
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@peterqliu
peterqliu / gist:59675b1102e2513c1663
Created June 1, 2015 06:12
Beyond paper: ideas for interactive maps

When printed on paper, maps have been severely limited by their medium: two dimensions, frozen in content, space, and time. But even after a decade of digital maps online and in applications, we still use them in much the same way as centuries before: squinting closer or stepping back, looking left or right.

Instead, let's harness the full potential of our new medium. By adding layers of motion and interactivity, we can turn maps into a starting point for exploration of vastly richer forms of information, and better anticipate needs of the user.

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<link href='https://www.mapbox.com/base/latest/base.css' rel='stylesheet' />
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.12.3/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.12.3/mapbox-gl.css' rel='stylesheet' />
<style>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.14.2/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.14.2/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.14.2/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.14.2/mapbox-gl.css' rel='stylesheet' />
<style>