マップにロードする必要があるレイヤーがたくさんあるので、それぞれを個別にロードする代わりに、json ファイルと Openlayers.Request.GET を使用してロードしようとしましたが、コードを完成させる方法がわかりません。
json ファイル:
{
"layers": [
{ "title":"Client Manholes" , "url":"./mh_file.geojson" , "style":"mh_style"},
{ "title":"Client Pipe" , "url":"./pipe_file.geojson" , "style":"pipe_style"},
{ "title":"Client Parcels" , "url":"./parcel_file.geojson" , "style":"parcel_style"}
]
}
JavaScript:
var request = OpenLayers.Request.GET({
url: "http://domain.com/layers.json",
callback: handler
});
function handler(request) {
//alert (request);
var response = json.read (request.responseText);
//loop thru each layer
for each (var layer in request) {
//load layer
layer = new OpenLayers.Layer.Vector(layer_title, {
strategies: [new OpenLayers.Strategy.Fixed()],
protocol: new OpenLayers.Protocol.HTTP({
url: layer_url,
format: new OpenLayers.Format.GeoJSON({
})
}),
//...load stylemap
});
//turn layer off
layer.setVisibility(false);
}
};