0

このリーフレット アプリケーションでは、デンマークで利用可能なすべてのバス停を表示します。

http://drivetime.mapicture.dk/stops

奇妙なことに、最後の 4 つのズーム レベルのいずれかにズームダウンすると、これらのバス停のあるレイヤーが単純に消えてしまいます。ズームアウトすると、再び表示されます。

バス停は、Geoserver への WMS リクエストを通じて取得された単一のレイヤーとして作成されます。JavaScriptコード全体は実際には非常に単純であるため、この動作の原因を見つけるのに苦労しています.

function CurrentStopsMap(mapNode, zoomSettings) {
  var self = this;

  self.mapNode = mapNode;
  self.zoomSettings = zoomSettings;

  self.mapquest = new L.TileLayer('http://otile{s}.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png', {
    maxZoom: 18,
    attribution: "©<a href='http://openstreetmap.org/' target='_blank'>OpenStreetMap</a> contributors, Tiles Courtesy of <a href='http://open.mapquest.com' target='_blank'>MapQuest</a>",
    subdomains: ['1', '2', '3', '4']
  });

  self.regions = new L.TileLayer.WMS("http://backend.mapicture.dk:8080/geoserver/mapicture/wms", {
    layers: 'mapicture:region',
    format: 'image/png',
    styles: 'regions',
    transparent: false
  });

  self.stops = new L.TileLayer.WMS("http://backend.mapicture.dk:8080/geoserver/mapicture/wms", {
    layers: 'mapicture:stops',
    format: 'image/png',
    transparent: true
  });

  self.map = new L.Map(mapNode, {
    center: new L.LatLng(zoomSettings.lat, zoomSettings.lon),
    zoom: zoomSettings.level,
    layers: [self.mapquest, self.stops],
    zoomControl: true
  });

  L.control.layers({
    "Kort": self.mapquest,
    "Områder": self.regions
  }, {
    "Stoppesteder": self.stops
  }).addTo(self.map);
}

var zoom = {
  lat: 56.24,
  lon: 10.68,
  level: 7
};
var map = new CurrentStopsMap('map', zoom)
4

1 に答える 1