Aaron Parecki

#maps

Chris Aldrich https://boffosocko.com/author/chrisaldrich/

Often the IndieWeb is re-creating functionality from traditional media or the social spaces to our own sites. Who is going to innovate and turn the tide in the other direction?

Where is the avant guarde? Who is going to be the next Stan Brakhage, George Antheil, Luis Buñuel, or Walter Murch of the web?

How can we push corporate social media back onto their heels?

I can’t wait for someone to create the next social media craze because it’s something they’re creatively posting on their own website as a media format that social silos don’t allow.

Who is experimenting with quirky multimedia posts on their websites? Who’s going to have the next meme generator/Tik Tok/SnapChat stories/inventive new functionality first? I’m imagining something in the vein of Marty’s Kapowski, Aaron’s emoji avatars, or Jeremy’s Indy maps, but I’m sure we could go crazier and push the envelope even further.

Bonus points if it’s done in the form of a micropub client! 🙂
https://boffosocko.com/2020/03/02/what-is-your-creative-dream-for-the-web/

New York, New York • 45°F

#creativity #dreams #emojis #indieweb-challenge #kapowski #maps #micropub #micropub-client #tik-tok

Mon, Mar 2, 2020 9:09pm +00:00 (liked on Tue, Mar 3, 2020 7:11am -05:00)
Manually building a tile server (18.04 LTS) | switch2osm (switch2osm.org)

United Flight 944 ORD to FRA • 55°F

#osm #maps #ubuntu #tutorial

Wed, Sep 25, 2019 11:02pm +00:00
Simplify.js - a high-performance JavaScript 2D/3D polyline simplification library (mourner.github.io)

New York, New York • 40°F

#gps #resources #polyline #ramerdouglaspeucker #maps

Wed, Feb 6, 2019 10:36pm -05:00
World maps you can self-host - powered by free OpenStreetMap vector tiles and open-source software. – OpenMapTiles (openmaptiles.org)

Portland, Oregon • 48°F

#maps

Wed, May 30, 2018 8:00am -07:00
Self-hosting maps: taking control over UX and users’ privacy // Sebastian Greger (sebastiangreger.net)

Portland, Oregon • 48°F

#maps

Wed, May 30, 2018 7:59am -07:00
Photon, search-as-you-type with OpenStreetMap (photon.komoot.de)

Portland, Oregon • 46°F

#geocoding #openstreetmap #osm #maps #geo

Sat, Jan 6, 2018 5:03pm -08:00
How far you can get from downtown in rush hour traffic - Washington Post (www.washingtonpost.com)

Portland, Oregon

#maps

Fri, Aug 11, 2017 2:31pm -07:00
go home google ur drunk

Portland, Oregon, USA

8 likes 2 reposts 1 reply

#maps #directions #google

Thu, Jun 22, 2017 10:27am -07:00
Particle Tutorials | Google Maps (docs.particle.io)

Portland, Oregon

#particle #gps #google #maps #electronics

Wed, May 24, 2017 7:42am -07:00
Map Rollovers (mediatemple.net)

Portland, Oregon

#svg #maps

Thu, Jan 26, 2017 9:39am -08:00
New favorite map projection http://xkcd.com/1784/

Portland, Oregon, USA

3 likes

#maps #gis

Wed, Jan 11, 2017 4:20pm -08:00
Day 13: Curved Lines for Atlas Static Maps #100DaysOfIndieWeb

Aaron Parecki
Mon, Jan 2, 2017 2:35pm -08:00
Yesterday, Amy was asking if there was a library for drawing curved lines between two points on a map. She wants to use this for her travel posts, which say for example "Tokyo to Boston". We noticed that Facebook draws curved lines when they show a planned trip. Martijn was able to figure out how to reproduce this on Facebook consistently. You have to start by creating a "checkin" post, then add a "traveling to" activity to it. Notice that the line from Portland to Seattle is curved rather than straight, although it doesn't strictly follow a Great Circle line either.

I liked this idea, and realized that my own travel posts would benefit from images as well, so I set to work adding this to the library that I use to generate the maps for my posts. Before, my posts just look like this. Wouldn't this look better with a map?

My static maps are generated using Atlas, a service I wrote for handling all the geo stuff on my website. The static map generation is actually a surprisingly simple chunk of code, which assembles all the necessary map tiles and then draws points and lines on top of them using PHP GD and ImageMagick.
The first step was to figure out how to draw curved lines. There was more to it than I originally anticipated. I knew roughly the shape of the curve I wanted, and after researching a bit, determined that a Quadratic Bézier Curve would give me the shape that I want.

A Quadratic Bézier Curve differs from a standard one in that only one control point (P1 in the image above) is used instead of two. Luckily, the PHP ImageMagick library has a function to draw that curve. If I use a control point at the midpoint of the start and end of each leg, I'll get a nice symmetric curve. I can vary the height of the curve by using a control point farther away from the line connecting the two points. Here's approximately what I'm going for, where A and B are the start and end points of the line segment, and P is the control point.

Given A and B, I can find the mid-point M easily. Half the distance is d, so I know one side of the triangle, and I choose the angle alpha. It's been a long time since I've had to use any trig, so my memory of all this is rusty, but I did remember that it should be possible to find point P given one angle and one side of a right triangle. It took a while to dig up all the identities and formulas for this. Ultimately this stackexchange answer explained things well enough for me to reverse engineer a generic formula out of it.

This means I can now vary the angle alpha to adjust how steep to make the curve. This translates into the following ImageMagick PHP code.
```
$draw->pathStart();
$draw->pathMoveToAbsolute($A['x'],$A['y']);
$draw->pathCurveToQuadraticBezierAbsolute(
  $P['x'], $P['y'],
  $B['x'], $B['y']
);
$draw->pathFinish();
```
We start at point A, then move through point P to land at B. With an angle of 25 degrees, this gives a pretty great looking curve!

Once I started running this code for other trips from various points on the globe, I immediately ran into some interesting issues. It turns out these curves look best when the horizontal curves go upwards and the vertical curves go to the right, and when there are multiple hops, the lines must not overlap. Here are some images from my library with curves I'm relatively happy with.

It took quite a bit of trial and error to determine the rules for making these render properly. The main trick is this: If the line is wider than it is tall, then draw the line from left to right. If the line is taller than it is wide, then draw from top to bottom. ("Draw from left to right" means choosing the leftmost point as point A in the equation above.)
This rule ends up with pretty good results in most cases, as you can see above. However there are still a couple of cases I'm not 100% happy with, although I can't quite come up with a rule to fix them so I'm going to leave them as is for now.

I think the curve in the Iceland to Germany hop should be flipped

Here, the Detroit to Nashville hop should be flipped, I think because the obtuse angle looks wrong.
I'm reasonably happy with the results regardless that I'm going to leave it alone for now. If you have any thoughts on fixing it, you're welcome to submit a pull request to Atlas!
If you want to use this yourself, you're welcome to run the Atlas API on your own server, or just copy the code and use it as a library! To generate these curves, pass a parameter bezier=25 into the request when you are generating a line between two points.
Now my itinerary posts look a lot better!
Portland, Oregon

3 likes 2 reposts 2 replies 2 mentions

#indieweb #atlas #maps #100daysofindieweb #100daysofcode

Mon, Jan 2, 2017 2:35pm -08:00
An Economic Geography of the United States: From Commutes to Megaregions (journals.plos.org)

Portland, Oregon

#maps

Wed, Dec 14, 2016 9:22pm -08:00
Mapping with Perspective

Apr

26

April 26, 2016 6:30pm - 8:30pm (-0700)
201 Spear Street, 16th Floor, San Francisco, CA 94105

#mapzen #opengov #maps

permalink
Fastest Mode of Transport - Portland, OR (youarehere.cc)

What is the fastest mode of transport: walking, bicycling , transit or driving?

#pdx #maps

Sat, Sep 5, 2015 1:12pm -07:00
Salt & Straw is taking over Portland. 10- 30- and 60-minute walking times from all 3 locations. #maps #arcgis #esri #pdx #saltandstraw

45.52212, -122.6779

15 likes 1 repost 2 replies

#esri #maps #pdx #saltandstraw #arcgis

Mon, Jun 1, 2015 4:55pm -07:00
https://twitter.com/maxogden/status/605512936879054848

@maxogden Here's a web version with walking and driving times! http://arcg.is/1KzpHgz

Portland, Oregon, USA

3 likes

#maps

Mon, Jun 1, 2015 4:27pm -07:00
Snazzy Maps - Free Styles for Google Maps (snazzymaps.com)

Snazzy Maps is a repository of different styles for Google Maps aimed towards web designers and developers.

#maps #resources #design

Thu, Sep 11, 2014 10:43am -07:00
How is Google personalizing this map? http://farm4.staticflickr.com/3722/10761397654_deefb80970_o.png I never check in on Google Places, only Foursquare, and somehow they are *only* showing businesses that I have been to on this map!

Portland, OR, USA

#google #maps

Sat, Nov 9, 2013 9:05am -08:00
Automatically Generated Maps with Microformats (jqr.github.io)

#geo #maps #microformats

Sun, Sep 15, 2013 7:09pm -07:00

Aaron Parecki

#maps

Day 13: Curved Lines for Atlas Static Maps #100DaysOfIndieWeb