在地图上显示特定的国家名称

时间:2016-06-24 11:11:59

标签: javascript google-maps

我正在使用JavaScript创建项目。在我的项目中,我整合了谷歌地图。我的要求是我只想显示一些特定国家:

India 
USA
Australia

目前我使用以下方法隐藏所有国家/地区:

var emptyStyles = 
        [
            {
            featureType: "all",
            elementType: "labels",
            stylers: [ { visibility: "off" } ]
            }
        ];
        map.setOptions({styles: emptyStyles});

我创造了plunker:

https://plnkr.co/edit/ZQIFZelNROkZcnFZ6mgB?p=preview

1 个答案:

答案 0 :(得分:0)

我找到了一个在地图上显示特定城市的示例。想法是

  1. 隐藏所有标签(就像您已经做过的那样)
  2. 创建要显示标签的地方的json数组 对
  3. 遍历json数组并标记标签。
  4. 您可以在此处找到代码:Display labels only to specific cities in Google Maps

    对数组进行以下更改:

    var citiesJSON = {
    geonames: [{
      lat: 20.5937,
      lng: 78.9629,
      name: "India"
    }, {
      lat: 37.0902,
      lng: -95.7129,
      name: "USA"
    }, {
      lat: -25.2744,
      lng: 133.7751,
      name: "Australia"
    }]
    };