こんにちは-
ドラフト版のベクタタイルを最終版に置き換えようとしているだけです。サービスのエンドポイントは異なりますが、コードにモードは一切ありません。各サービスの設定は同じですが、更新されたサービスが表示されません。
置き換えようとしているドラフト版、こちらは動作します：
https://tiles.arcgis.com/tiles/tdQLEzq0fgVElWN3/arcgis/rest/services/Draft_Lifeform_Vector_Tile_Package_12_20_19/VectorTileServer
最終版、こちらは動作しません：
https://tiles.arcgis.com/tiles/tdQLEzq0fgVElWN3/arcgis/rest/services/Marin_County_Lifeform_Map_FINAL/VectorTileServer
CDNなどを使ったコードスニペットはこちらです。
<!-- CDNからLeafletを読み込み -->
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<!-- Esri Leaflet と Esri Leaflet Vector -->
<script src="https://unpkg.com/esri-leaflet/dist/esri-leaflet.js"></script>
<script src="https://unpkg.com/esri-leaflet-vector@3/dist/esri-leaflet-vector.js"></script>
<!-- Marin County 境界の js ファイルへのリンク -->
<script src="GeoJsons/MarinBnd.js"></script>
<script>
// マップ作成時に使用するオプション
var options = {
center: [38.0828, -122.7551],
zoom: 10.4,
zoomSnap: .1,
zoomControl: true
}
var map = L.map('map', options);
// マップタイルをリクエスト
var tiles = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', 'Tiles © Esri — Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community');
// これらのタイルをマップ要素に追加
map.addLayer(tiles);
// カウンティレイヤーをマップに追加
const countyLayer = L.geoJson(county, {
style: function (feature) {
return {
opacity: 0, // ストロークの不透明度をゼロに設定
fillOpacity: 0 // 塗りつぶしの不透明度をゼロに設定
};
}
});
countyLayer.addTo(map);
// ArcGIS Online からパブリックベクタタイルレイヤーをリクエスト
L.esri.Vector.vectorTileLayer("https://tiles.arcgis.com/tiles/tdQLEzq0fgVElWN3/arcgis/rest/services/Marin_County_Lifeform_Map_FINAL/VectorTileServer", {
// サービスをマップに追加
} ).addTo(map);
// カウンティレイヤーを画面にフィットさせるズームに設定
const macoZoom = countyLayer.getBounds()
// Marin County 境界の範囲にフィットさせる
map.fitBounds(macoZoom, {
maxzoom: 8
});
</script>
この問題解決のために何かアイデアがあればぜひ教えてください。
ありがとうございます！
Zac
