customMapStyle

[shev4uk]

Hi. I need add custom style for map. I add options
_options: IMapOptions = {
disableBirdseye: false,
disableStreetside: false,
navigationBarMode: 1,
zoom: 6,
customMapStyle = {
"elements": {
"water": { "fillColor": "#a1e0ff" },
"waterPoint": { "iconColor": "#a1e0ff" },
"transportation": { "strokeColor": "#aa6de0" },
"road": { "fillColor": "#b892db" },
"railway": { "strokeColor": "#a495b2" },
"structure": { "fillColor": "#ffffff" },
"runway": { "fillColor": "#ff7fed" },
"area": { "fillColor": "#f39ebd" },
"political": { "borderStrokeColor": "#fe6850", "borderOutlineColor": "#55ffff" },
"point": { "iconColor": "#ffffff", "fillColor": "#FF6FA0", "strokeColor": "#DB4680" },
"transit": { "fillColor": "#AA6DE0" }
},
"version": "1.0"
};
};
but get error in console " 'customMapStyle' does not exist in type 'IMapOption' ".

[thor-schueler]

Hi, currently, the customMapStyle is not supported by angular-maps. However, you can easily add it. Simply fork, adjust the create a new interface ICustomMapStyle with the various attributes, add an customMapStyle property to the Imap-options. In addition, you will need to update BingConversions to include 'customMapsStyle' in hte _mapOptionsAttributes array.

After you've done that, test it in your local branch and then submit a pull request and I'll incorporate it...

If you feel up to it, you can also provide a Google Maps implementation by creating a transformation into the appropriate Google options in GoogleConversions.