首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >需要帮助!如何选择特定的多边形来绘制谷歌地图使用它的API。来自融合表的数据

需要帮助!如何选择特定的多边形来绘制谷歌地图使用它的API。来自融合表的数据
EN

Stack Overflow用户
提问于 2018-10-30 04:16:17
回答 1查看 132关注 0票数 0

我正在学习并尝试使用google从融合表中的数据中绘制一个选择区域。这是泰国的数据,我从KML导入到融合表。通过使用以下代码。

代码语言:javascript
复制
var map = new google.maps.Map(document.getElementById('map'), {
        center: { lat: 13.7248936, lng: 100.4930264 },
        zoom: 6
      })
      var layer = new google.maps.FusionTablesLayer({
        name: 'fsru',
        query: {
          select: 'geometry',
          from: '1aclHzWdYrUCcHHfgbmKnFTqTTppgeI0SkKNXPpYR'
        },
        styles: [{
          polygonOptions: {
            fillColor: '#ff0000',
            fillOpacity: 0.3
          }
        }, {
          where: 'project = name',
          polygonOptions: {
            fillColor: '#0000FF',
            fillOpacity: 1
          }
        }]
      })
      layer.setMap(map)

这是融合表。

XRJBLgzA#rows:id=1

我的条件是我想画一个形状,多边形在融合中按省名选择绘制。但是,通过这个代码,即使我只选择省名,也会显示所有多边形。

我有个问题

当我用

代码语言:javascript
复制
var layer = new google.maps.FusionTablesLayer({
            name: 'fsru',
            query: {
              select: 'geometry' and 'name',
              from: '1aclHzWdYrUCcHHfgbmKnFTqTTppgeI0SkKNXPpYR'
              where: 'name' like krabi
            },

它不起作用。

我只想选择特定的区域渲染,但它不能工作。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-31 09:23:57

where子句语法是问题所在。

代码语言:javascript
复制
function initialize() {

    var mapOptions = {
        center: new google.maps.LatLng(8.16,99),
        zoom: 6,
        mapTypeId: 'roadmap'
    };

    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    var layer = new google.maps.FusionTablesLayer({
        query: {
            select: 'geometry',
            from: '1aclHzWdYrUCcHHfgbmKnFTqTTppgeI0SkKNXPpYR',
            where: "'name' like 'Krabi'",
        },
        styles: [{
            polygonOptions: {
                fillColor: '#9acd32',
                fillOpacity: 1,
                strokeWeight: 0
            }
        }],
        map: map
    });
}

initialize();
代码语言:javascript
复制
#map-canvas {
  height: 150px;
}
代码语言:javascript
复制
<div id="map-canvas"></div>
<script src="https://maps.googleapis.com/maps/api/js"></script>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53057329

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档