Question

我刚刚开始使用Angular.js（顺便说一句，这很棒）并且需要将谷歌地图集成到我的项目中。

我发现了Google Maps for AngularJS，但我正在努力解决问题。

我试图隐藏城市＆＃39;我的地图中的名称使用options属性，但无法使其工作。

非常感谢任何帮助。

我知道样式数组必须是

[
  {
    "featureType": "administrative.locality",
    "stylers": [
      { "visibility": "off" }
    ]
  }
]

因为我是从Styled Maps Wizard获得的。

所以我做的就是这个

view.html

<google-map 
    center="map.center" 
    options="map.options" 
    zoom="map.zoom">
</google-map>

controller.js

var stylesArray = [{
    featureType: 'administrative.locality',
    stylers: [{
      visibility: 'off'
    }]
  }];

 $scope.map = {
    center: {
      latitude: 45,
      longitude: -73
    },
    zoom: 8,
    options: [{
      styles: stylesArray
    }]
  };

我尝试过引号，没有引号和深奥的东西组合，但我从未成功地使其发挥作用。

我尝试了allenhwkim's angularjs-google-maps，但我也没有成功。

感谢您的帮助！

Answer 1

您可能需要实例化Google map api所期望的基础类型。即MapTypeStyle。对于很多这些专业选项，API非常特别。

Answer 2

$scope.map.options应该是不在数组中的表达式：

var stylesArray = [{
    featureType: 'administrative.locality',
    stylers: [{
      visibility: 'off'
    }]
  }];

 $scope.map = {
    center: {
      latitude: 45,
      longitude: -73
    },
    zoom: 8,
    options: {
      maxZoom: 20,
      minZoom: 3,
      styles: stylesArray
    }
  };

无法使选项属性与angular-google-maps一起使用以隐藏城市＆＃39;名

2 个答案: