简体   繁体   English

使用融合表无法从Javascript显示地图

[英]Map not displaying from Javascript using fusion table

I have this javascript which I am working on but the map in the HTML is just not displaying. 我正在使用此javascript,但是HTML中的地图未显示。 I have a similar fusion table with layer_1 which is displaying fine but when I put layer-2 instead of layer_1 and pull up a different tableid with same code. 我有一个与layer_1类似的融合表,它显示得很好,但是当我放置layer-2而不是layer_1并使用相同的代码提取另一个tableid时。 The map does not show up. 该地图未显示。

var tableid_2 = 431xxxx; 
var layer_2;
var queryUrlHead = 'http://www.google.com/fusiontables/api/query?sql=';
var queryUrlTail = '&jsonCallback=?';
var zoom = 7;
var latlng = new google.maps.LatLng(3x.7996, -11x.1668);

function initialize() {

var myOptions = {
    zoom : zoom,
    center : latlng,
    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 map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);




layer_2 = new google.maps.FusionTablesLayer(tableid_2);
var qry = "SELECT 'Location2', 'Name2','URL' FROM " + tableid_2;
layer_2.setMap(map);

layer_2.enableMapTips({
    select: "'Name2'",
    from: tableid_2,
    geometryColumn: 'Location2', 
    suppressMapTips: false, 
    delay: 50,
    tolerance: 5
});
addListeners();



layer_2.setQuery(qry);

var col_list = 'Name2';

if(order_list && order_list !== 'Name2') {
    query += " ORDER BY " + order_list;
}

var queryurl = encodeURI(queryUrlHead + qry + queryUrlTail);




$.ajax({
    type : "GET",
    url : queryurl,
    dataType : "jsonp",
    success : dataHandlerCallback,
    error : function() {
        alert("AJAX ERROR for " + queryurl);
    }
});

确保您的融合表是公开的,否则它将不会显示。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM