Google地图和Fusion Tables图层没有投影

时间:2013-09-13 18:35:14

标签: javascript google-maps google-fusion-tables

我设置了一张带有Fusion Table的Google地图,该地图仅突出显示非APAC的国家/地区。

您可以看到代码在这里工作: http://russellbits.com/labs/hiex-map/google-fusion-table-simple.html

任何可以使其在JSFiddle中运行的人都可获得奖励积分。这是我的网页相同的代码,但我无法使其工作。 http://jsfiddle.net/ruzel/KTg6P/

以下是网站上的代码:

function initialize() {

    var mapOptions = {
        panControl: false,
        zoomControl: false,
        scaleControl: false,
        center: new google.maps.LatLng(1, 104),
        zoom: 2,
        mapTypeId: 'roadmap'
    };

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

    var layer = new google.maps.FusionTablesLayer({
        query: {
            select: 'geometry',
            from: '1N2LBk4JHwWpOY4d9fobIn27lfnZ5MDy-NoqqRpk'
        },
        styles: [{
            polygonOptions: {
                fillColor: '#cfe1f4',
                strokeColor: '#cfe1f4',
                strokeOpacity: '0'
            }
        }, {
            where: "ISO_2DIGIT IN ('CN','IN','SG','AU','ID','MY','PG','TH')",
            polygonOptions: {
                fillColor: '#000000',
                fillOpacity: '0',
                strokeOpacity: '0'
            }
        }],
        map: map
    });
    layer.setMap(map);

    map.mapTypes.set(customMapType);

}

$().ready(function() {
    initialize();
});

但这是个大问题。在描绘国家的多边形上有阴影。我之前在Google地图上放了多边形,默认情况下不会出现投影。我已经在API中搜索了任何投影变量,但找不到它。所以我甚至不确定为什么会出现这种阴影。也许有一个图层变量?

1 个答案:

答案 0 :(得分:1)

这是你的小提琴地图样本:

http://jsfiddle.net/helmutgranda/vbjXR/

缺少的一些东西在这里:

<script src='http://maps.google.com/maps/api/js?sensor=false'> </script>
<script src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
<div id="map"/>

关于drophadow,我不得不相信有一个允许你打开和关闭的设置,而Google提供的KML渲染没有阴影。如果它对您来说很重要,您可以使用KML进行刺戳(参见此处的示例):

http://gmaps-samples-v3.googlecode.com/svn/trunk/layers/layers.html

有趣的是,我刚刚遇到了以下可能回答您问题的示例:

https://developers.google.com/fusiontables/docs/samples/mouseover_map_styles