サイトの訪問者がさまざまな州の技術者に関する情報を入手できるように、FusionLayerを使用してGoogleマップを作成しています。参考サイトは次のとおりです。http://horizonwebtest.zxq.net/techmap.htmlマップは米国本土にロックする必要があるため、デフォルトのUI、ドラッグ可能、ダブルクリックズーム、キーボードショートカットを無効にしました。スクロールホイールと自動パン。問題は、情報ウィンドウがポップアップしたときに、マップを強制的にパンすることです。誰かがこれを回避する方法を知っていますか?JavaScriptは次のとおりです。
// JavaScript Document
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(38.816223025492505, -94.15954943749999),
zoom: 4,
disableDefaultUI: true,
draggable: false,
disableDoubleClickZoom: true,
keyboardShortcuts: false,
scrollwheel: false,
disableAutoPan: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var horizonStyles = [
{
featureType: "water",
stylers: [
{ hue: "#0077ff" },
{ saturation: 20 },
{ lightness: -50 },
]
},{
featureType: "administrative.locality",
stylers: [
{ visibility: "off" }
]
},{
featureType: "administrative.province",
elementType: "labels.text.fill",
stylers: [
{ lightness: -80 }
]
}
];
var layer = new google.maps.FusionTablesLayer({
query: {
select: 'geometry',
from: '18KqZR_1Nd39CyWN1kKt8Pufd6wlLS2oQArpCugw'
},
});
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
map.setOptions({styles: horizonStyles});
layer.setMap(map);
}
どんな考えでも大歓迎です。