0

私はこのJavaScriptコードを持っています。地図上に2つのボタンが欲しいです。1はlayer_2'ON'をオンにし、otherはlayer_1'ON'をオンにします。いずれかのボタンをクリックすると、もう一方のレイヤーがオフになります。また、layer_1はデフォルトである必要があり、マップを開いたときに表示されるはずです。いかなる場合でも、レイヤーはオーバーラップしてはなりません。

var map;
var layer_1;
var layer_2;
var tableid_1 = 3775630;
var tableid_2 = 4313734;
var queryUrlHead = 'http://www.google.com/fusiontables/api/query?sql=';
var queryUrlTail = '&jsonCallback=?';

function initialize(col_list, order_list) {
var latlng = new google.maps.LatLng(33.7071,-111.3024);

map = new google.maps.Map(document.getElementById('map_canvas'), {
    center: latlng,
    zoom: 7,
    mapTypeId: google.maps.MapTypeId.TERRAIN,
    mapTypeControl: true,
    mapTypeControlOptions: {
    style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
    position: google.maps.ControlPosition.TOP_LEFT
},
    scaleControl: true,
    scaleControlOptions: {
    position: google.maps.ControlPosition.BOTTOM_LEFT
},

});

var layer_2 = new google.maps.FusionTablesLayer(4313734);
layer_2.setMap(map);

var layer_1 = new google.maps.FusionTablesLayer(3775630);
layer_1.setMap(map);
layer_1.enableMapTips({
        select: "'Name'",
        from: tableid_1,
        geometryColumn: 'Location', 
        suppressMapTips: false, 
        delay: 50,
        tolerance: 5
});
    addListeners();

}
4

1 に答える 1

0

初期化関数で次の行を削除します。

layer_2.setMap(map);

この関数は、初期化関数の外に作成します。

function toggleLayer(this_layer){
        layer_1.setMap(null);
        layer_2.setMap(null);
        this_layer.setMap(map);
}

ボタンをいくつか作成します。

<input type="button" value="Turn on Layer 1" onClick="toogleLayer(layer_1);">
<input type="button" value="Turn on Layer 2" onClick="toogleLayer(layer_2);">

更新:真のトゥーグルは次のようになります。

function toggleLayer(this_layer){
   if(this_layer.getMap(){
     this_layer.setMap(null);
   }else{
     this_layer.setMap(map);
   }
}
于 2012-06-27T20:20:27.390 に答える