沃梦达 / 编程问答 / 前端问题 / 正文

在谷歌地图中仅显示特定国家(地区)

沃梦达教程前端问题

2022-01-01

Display only a specific country (region) in google maps(在谷歌地图中仅显示特定国家(地区))

本文介绍了在谷歌地图中仅显示特定国家(地区)的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

有没有办法使用 google maps API 仅显示特定国家或地区?

Is there any way to show only a specific country or region using the google maps API?

推荐答案

可以使用 GeoMap API 来完成.请查看以下网址以供参考.

It can be done using GeoMap API. Please check following url for reference.

1) https://code.google.com/apis/ajax/playground/?type=visualization#geo_map

2) https://developers.google.com/chart/交互式/文档/画廊/geomap#regionsexample

这里是加载美国区域地图的示例.

Here is the example to load US region map.

<html>
<head>
  <script type='text/javascript' src='https://www.google.com/jsapi'></script>
  <script type='text/javascript'>
      google.load('visualization', '1', { 'packages': ['geomap'] });
      google.setOnLoadCallback(drawMap);

      function drawMap() {
          var data = google.visualization.arrayToDataTable([
            ['City', 'Popularity'],
            ['New York', 200],
            ['Boston', 300],
            ['Miami', 400],
            ['Chicago', 500],
            ['Los Angeles', 600],
            ['Houston', 700]
          ]);

          var options = {};
          options['region'] = 'US';
          options['colors'] = [0xFF8747, 0xFFB581, 0xc06000]; //orange colors
          options['dataMode'] = 'markers';
          options['width'] = '556px';

          var container = document.getElementById('map_canvas');
          var geomap = new google.visualization.GeoMap(container);
          geomap.draw(data, options);
      };

  </script>
</head>

<body>
    <div id='map_canvas'></div>
</body>

</html>

这篇关于在谷歌地图中仅显示特定国家(地区)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

地图