0

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

我发现了AngularJS 的谷歌地图，但我正在努力解决一些问题。

我正在尝试使用 options 属性从我的地图中隐藏城市的名称，但无法使其正常工作。

任何帮助将不胜感激。

我知道样式数组必须是

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

因为我是从Styled Maps Wizard那里得到的。

所以我做的是这个

视图.html

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

控制器.js

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

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

我试过用引号，没有引号和深奥的东西的组合，但我从来没有成功过。

我尝试使用allenhwkim 的 angularjs-google-maps但我也没有成功。

谢谢你的帮助！

4

2 回答 2

0

$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
    }
  };
于 2015-02-11T10:20:40.043 回答
0

您可能需要实例化 Google maps api 期望的底层类型。即 MapTypeStyle。对于许多这些专业选项，API 非常特别。

于 2014-07-24T13:12:09.823 回答