• Registered: 2016-02-29
  • Posts: 36

Topic: Google Styled Maps not working as expected

I'm brand new to Online Maps so this might be a user error, but from what I see during troubleshooting it's not working as expected.

I'm trying to make a very trimmed down satellite map with nothing but administrative features (country/state/province lines), so I created the following style using the API styler:

Google Maps API v3 Styled Maps JSON

[
  {
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "administrative",
    "stylers": [
      { "visibility": "on" }
    ]
  },{
    "featureType": "water",
    "stylers": [
      { "visibility": "on" }
    ]
  },{
    "featureType": "landscape.natural",
    "stylers": [
      { "visibility": "on" }
    ]
  }
]

Unrelated: the forum software would not let me post this message due to too many links. so I had to post the urls above in separate messages. Painful.

Warning! The following errors must be corrected before your message can be posted:
Too more links in message. Allowed 1 links. Reduce number of links and post it again.
  • Registered: 2016-02-29
  • Posts: 36

Re: Google Styled Maps not working as expected

Using Chrome dev tools, I then opened up the Network tab, and noted the following three url's per tile:

(http): khm1.googleapis.com /kh?v=197&hl=en-US&&x=293&y=389&z=10  <--this is the terrain image>

And now I have to wait at least 60 seconds between posts. Also painful.

  • Registered: 2016-02-29
  • Posts: 36

Re: Google Styled Maps not working as expected

(http): maps.google.com /maps/vt?pb=!1m5!1m4!1i10!2i293!3i389!4i256!2m3!1e0!2sm!3i338006535!3m14!2sen-US!3sUS!5e18!12m1!1e50!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcC52Om9mZixzLnQ6MXxwLnY6b24scy50OjZ8cC52Om9uLHMudDo4MnxwLnY6b24!4e0&token=10347  <---this looks like an overlay, has text but no terrain>

If I apply the {x}/{y}/{zoom} replacements in the obvious places to the first one and use it as a custom provider URL, I get the terrain image with zero styling. If I apply them to the second url and use that, it shows an obviously malformed map (some features, no terrain, etc.).

Any thoughts on how to get the proper map tiles, with the style information overlaid properly?

  • Registered: 2015-06-23
  • Posts: 3,778

Re: Google Styled Maps not working as expected

Hello.

This is because Google Satellite Map has two layers (satellite and labels).
When you use «Provider - Custom», you use only one layer.
You can work around this using Online Maps API.

In Online Maps v2.4.0.21 beta we've added a new feature - overlay for tileset.
Example attached.

For older versions of Online Maps, see:
http://infinity-code.com/atlas/online-m … ample.html

Post's attachments

Attachment icon GoogleStyledSatelliteExample.cs 1.93 kb, 167 downloads since 2016-02-29 

Kind Regards,
Infinity Code Team.

Boost your productivity a lot and immediately using Ultimate Editor Enhancer. Trial and non-commerce versions available.