JavaScript は、ローカル サーバー上のストレートな HTML ページで実行したときに問題なく動作しました。しかし、それを .aspx ページに移動すると、表示されなくなりました。Firebug にはスクリプト エラーは表示されず、ページの属性が適切にリストされているため、マップ データが読み込まれていることがわかります。ただし、マップ自体は表示されません。通常は隅にあるズーム アイコンも表示されず、要素はそのまま残ります。IEでも動きませんでした。
これは初期化のコードで、ウィンドウが読み込まれるときに呼び出されます。
function init() {
var map = new OpenLayers.Map('map', {
allOverlays: true
});
countries = new OpenLayers.Layer.Vector("Countries", {
protocol: new OpenLayers.Protocol.HTTP({
url: "../../Content/simplify3.geojson",
format: new OpenLayers.Format.GeoJSON({
extractAttributes: true,
visibility: true
})
}),
strategies: [new OpenLayers.Strategy.Fixed()]
});
map.addLayer(countries);
select = new OpenLayers.Control.SelectFeature(countries,
{ multiple: true, toggle: true });
countries.events.on({
"featureselected": onFeatureSelect,
"featureunselected": onFeatureUnselect,
"loadend": populateList
});
map.addControl(select);
select.activate();
map.zoomToMaxExtent();
}
マップは次の場所に移動する必要があります。
<div id="map" style="width: 800px; height: 400px; border: 2px solid black;">There Should Be A Map Here!</div>
いまいましいものを撃つ以外に何か考えはありますか?