Ionic2如何在谷歌地图中启用mapTypeControl

时间:2017-05-10 08:41:10

标签: android google-maps google-maps-api-3 ionic2 cordova-plugins

我正在开发一个基于ionic2的移动应用,它使用Google Map插件。

我能够正确地运行地图并运行如何为mapTypeControl启用控件而努力。

这就是我尝试设置选项的方式

map.setOptions({
    'controls': {
        'compass': true,
        'myLocationButton': true,
        'zoom': true
    },
    'camera': {
        'target': ionic,
        'zoom': 18,
    },
    'styles':{
        'mapTypeControl': true,
        'MapStyleOptions': {
            'style': 'DROPDOWN_MENU'
        }
    },
    'mapTypeIds': ['MAP_TYPE_TERRAIN', 'MAP_TYPE_HYBRID']
});

enter image description here

您会注意到地图出现但控件丢失了。

查看谷歌地图的documentation,看起来非常简单

          mapTypeControl: true,
          mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
            mapTypeIds: ['roadmap', 'terrain']
          }

我正在努力解决的问题是如何将代码转换为插件可接受的样式?任何帮助将不胜感激。

0 个答案:

没有答案