[GIS] Examples of Google styled Maps? (including JSON)

google maps

After watching a great video on creating different map styles with Google Maps, I have been having some fun playing around with the Google Maps Style Wizard.

I was hoping to find a gallery of user submitted Google Maps Styles, with accompanying JSON code so that I could pinch their hard work & cartography skills, and use on my own applications.

Has anyone come across either a collection of styles (+JSON) or at least some great examples of google maps styles, where the JSON is also available?

The closest I could find was this.

Best Answer

I created a site that might be exactly what you are looking for:

http://snazzymaps.com

It's a repository for Google Maps color schemes with JSON code and downloadable examples. There are only a few styles up now that I've created myself but I just whipped up the site over the last week so it's still pretty new!

Related Solutions

[GIS] Ordering layers in OpenLayers and Google styled maps

I'm pretty sure the answer lies in setting the zIndex (map.setLayerZIndex or layer.setZIndex).

I believe the features of the vector layer are treated differently and the zIndex value is magnified though I couldn't confirm this in the code:

Z_INDEX_BASE: {
    BaseLayer: 100,
    Overlay: 325,
    Feature: 725,
    Popup: 750,
    Control: 1000
},

Try manually setting it with map.setLayerZIndex or layer.setZIndex.

I had the opposite problem and resolved it with this snippet to get my vector/marker layers back on top of my other layers:

function fixZIndex()
{
    vectorLayer.setZIndex ( olMap.Z_INDEX_BASE[ "Feature" ] );
    markerLayer.setZIndex ( olMap.Z_INDEX_BASE[ "Feature" ] + 1 );
}

[GIS] Adding styled OpenLayers Google map in QGIS

Drop OpenLayers plugin)
Install QuickMapServices plugin for QGIS
Go to plugin's options and get contributors pack of basemaps. These include some Google ones. Go to ~/.qgis2/QuickMapServices/Contribute/data_sources/google_traff and open metadata.ini in your text editor of choice. We'll use it as a template, in the future you can create a new one.
Go to https://snazzymaps.com/style/65/just-places and use Firebug to extract a link to any tile.

For example: https://mts1.googleapis.com/maps/vt?pb=!1m4!1m3!1i9!2i149!3i192!2m3!1e0!2sm!3i330322375!3m14!2sru-RU!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjN8cy5lOmd8cC52Om9mZixzLnQ6MnxzLmU6Z3xwLnY6b2ZmLHMudDo1fHMuZTpnfHAuYzojZmZmZmZmZmEscy50OjZ8cC5sOjUwLHMudDozfHMuZTpsfHAudjpvZmYscy50OjR8cC52Om9mZixzLnQ6MXxzLmU6Z3xwLmw6NDA!4e0

Modify it adding tile coordinates, note that !1i9!2i149!3i192! is substituted with !1i{z}!2i{y}!3i{x}! this is the only change we make here:

https://mts1.googleapis.com/maps/vt?pb=!1m4!1m3!1i{z}!2i{x}!3i{y}!2m3!1e0!2sm!3i330322375!3m14!2sru-RU!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy50OjN8cy5lOmd8cC52Om9mZixzLnQ6MnxzLmU6Z3xwLnY6b2ZmLHMudDo1fHMuZTpnfHAuYzojZmZmZmZmZmEscy50OjZ8cC5sOjUwLHMudDozfHMuZTpsfHAudjpvZmYscy50OjR8cC52Om9mZixzLnQ6MXxzLmU6Z3xwLmw6NDA!4e0

Change the link under url= to this link.

Start QGIS and turn on Google Traffic, enjoy, mind Cyrillic on the screenshot, it's my system ;) )

Tested on QGIS 2.12.

Best Answer

Related Solutions

[GIS] Ordering layers in OpenLayers and Google styled maps

[GIS] Adding styled OpenLayers Google map in QGIS

Related Question