我想通過創建圖層來突出顯示區域，其中用戶點擊map.It不創建圖層。FusionTablesLayer問題展示區域
layer = new google.maps.FusionTablesLayer({
query: {
select: 'geometry',
from: tableId,
where: 'ST_INTERSECTS(geometry, CIRCLE(LATLNG(' + latitude + ', ' + longitude + '),1))',
limit: 1
}
});
layer.setMap(map);
這是Fiddle的完整代碼。
圖層有什麼問題？
工作代碼片段：
var marker = null;
var layer = null;
function initialize() {
var tableId = "16TsGfelZ4TXk5i9ZJt5HpJTNSP2D4x5M1nx0a78";
var myLatlng = new google.maps.LatLng(25.0813500, 55.1440750);
var mapOptions = {
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: new google.maps.LatLng(25.0813500, 55.1440750)
};
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
layer = new google.maps.FusionTablesLayer({
query: {
select: 'geometry',
from: tableId,
}
});
var geocoder = new google.maps.Geocoder();
geocoder.geocode({ 'address': "Minnesota"}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.fitBounds(results[0].geometry.viewport);
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
google.maps.event.addListener(map, "click", function (event) {
var latitude = event.latLng.lat();
var longitude = event.latLng.lng();
// Center of map
map.panTo(new google.maps.LatLng(latitude, longitude));
if (!marker || !marker.setPosition) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(latitude, longitude),
map: map
});
} else {
marker.setPosition(new google.maps.LatLng(latitude, longitude));
}
if (!layer || !layer.setQuery || !layer.getMap || (layer.getMap() == null)) {
layer = new google.maps.FusionTablesLayer({
query: {
select: 'geometry',
from: tableId,
where: 'ST_INTERSECTS(geometry, CIRCLE(LATLNG(' + latitude + ', ' + longitude + '),1))',
limit: 1
},
map: map
});
layer.setMap(map);
} else {
layer.setQuery({
select: 'geometry',
from: tableId,
where: 'ST_INTERSECTS(geometry, CIRCLE(LATLNG(' + latitude + ', ' + longitude + '),1))',
limit: 1
});
}
}); //end addListener
}
initialize();#map-canvas {
height: 400px;
}<script src="http://maps.googleapis.com/maps/api/js"></script>
<div id="map-canvas"></div>
我得到一個JavaScript錯誤在你的提琴：'未捕獲的ReferenceError：標記不defined' – geocodezip
我更新了小提琴，我從工作文件中提取此代碼以簡化提取 – user3913117
您的[表格只有明尼蘇達州的數據]（https：// ww w.google.com/fusiontables/embedviz?q=select+col51+from+16TsGfelZ4TXk5i9ZJt5HpJTNSP2D4x5M1nx0a78&viz=MAP&h=false&lat=46.521464870509895&lng=-93.3612905&t=1&z=6&l=col51）。 – geocodezip