I am creating a cross-platform mobile application with a web view that displays a custom Google map that I initialize and style in JavaScript using the JavaScript API for Google Maps v3.
My hope was to highlight bike lanes using the Bicycling Layer .
However, there are two problems that I have encountered:
I also set up tracks / trails that also affect the bike layer using the styles property in the map options passed to Google when I load map fragments:
var mapOptions = { center: new google.maps.LatLng(29.761732,-95.388371), mapTypeControl: true, mapTypeId: google.maps.MapTypeId.ROADMAP, styles: mapStyles, // JSON to style the map zoom: maxZoomLevel, zoomControl: false }; map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); var bikeLayer = new google.maps.BicyclingLayer(); bikeLayer.setMap(map);
However, the style seems to overlap / overlap most of the bike layer, because the paths are highlighted only in a few places that they should be, and only at some zoom levels. Is it possible to use a bicycle layer with an individual map design on roads / tracks? Can I somehow make the bike layer appear on top of my custom style?
I would also like to customize the bike layer itself, for example, change its color. However, it seems that there are no options built into the API or in any way interact and process the request, which http://mt0.googleapis.com/ vt?lyrs=m@221000000 , bike & src = apiv3 & hl = en-US & x = 3850 & y = 6771 & z = 14 & s = G & apistyle = st% 3A2% 7Cs.e% 3Ag% 7Cp.c% 3A% 23ff9ebf3a% 2Cs.t% 3A6% 7Cs.e% 3Ag.f% 7Cp.c% 3A% 23ff22b4c3% 2Cs.t% 3A3% 7Cs.e% 3Al.ts% 7Cp.v% 3Aoff% 2Cs.t% 3A51% 7Cs.e% 3Ag% 7Cp.c% 3A% 23ffffffff% 2Cs.t% 3A50% 7Cs.e% 3Ag% 7Cp.c% 3A% 23ffffffff% 2Cs.t% 3A49% 7Cs.e% 3Ag% 7Cp.c% 3A% 23ffffffff% 2Cs.t% 3A51% 7Cs.e% 3Al% 7Cp.v% 3Aoff% 2Cs.t% 3A2% 7Cs. e% 3Al% 7Cp.v% 3Aoff% 2Cs.t% 3A4% 7Cp.v% 3Aoff% 2Cs.t% 3A5% 7Cp.c% 3A% 23ffd8e2da% 2Cs.t% 3A1% 7Cp.c% 3A% 23ffd8e2da% 7Cp.v% 3Aoff% 2Cs.t% 3A33% 7Cp.c% 3A% 23ffe2ece4% 2Cs.t% 3A34% 7Cp.il% 3Atrue% 7Cp.c% 3A% 23ffe2ece4% 2Cs.t% 3A35% 7Cp.c% 3A% 23ffe2ece4% 2Cs.t% 3A39% 7Cp.c% 3A% 23ffe2ece4% 2Cs.t% 3A1% 7Cp.c% 3A% 23ffe2ece4 & style = 59.37% 7Csmartmaps
When I remove the bike from lyrs = ..., the effects of the bicycle layer disappear. When I delete certain parts or all apistyle = ..., a bicycle layer is detected underneath. Basically, I don’t see the way I can customize and customize the Google bike layer. Is it possible?
source share