StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POStyling all roads to highlight their outline?
text
Body
copied!<p>I'm trying to make an "outline-only" map where the inside of the road is all white and the "sidewalk" outline colored black. For example, I want 14th St and 5th Ave to look just like every other minor street. (pardon the ugly sketch)</p> <p><img src="https://i.stack.imgur.com/U3kNX.png" alt="new york streets"></p> <p>I'm using the <a href="http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html" rel="nofollow noreferrer">Style Wizard</a> and it was easy to get local roads to look like that, but I'm stuck getting the arterial and highways to match the local look. They're either all grayish or all black, and there's little or no outline visible. On the default style and max zoom I can see one pixel of outline in a light gray, but nothing after applying a style.</p> <p>Here's a <a href="https://files.nyu.edu/hc742/public/googlemaps/geocodingprint.html" rel="nofollow noreferrer">live page</a> and the styles I'm using</p> <pre><code>[ { stylers: [ { saturation: -100 } ] },{ featureType: "road.local", elementType: "geometry", stylers: [ { hue: "#ffe500" }, { saturation: -45 }, { gamma: 0.09 }, { lightness: 12 } ] },{ featureType: "road.highway", elementType: "geometry", stylers: [ { hue: "#ffee00" }, { invert_lightness: true }, { saturation: -49 }, { lightness: 99 }, { gamma: 0.9 } ] },{ featureType: "road.arterial", elementType: "labels", stylers: [ { hue: "#0008ff" }, { saturation: -95 }, { lightness: -15 }, { gamma: 0.94 } ] } ] </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload