オリジナル住所https://jsbin.com/woxeyizovo/edit?html,output
HTML、 本体、 #map { 幅:100%。 高さ:100%; パディング:0; マージン:0; }、 } </スタイル> <スクリプト> が必要です([ "ESRI /マップ"、 "ESRI /ビュー/ SceneView"、 "ESRI /レイヤー/ WebTileLayer"、 "ESRI /レイヤー/サポート/ TileInfo"、 "道場/ domReady!" ] 、関数(MAP、SceneView、WebTileLayer、tileInfo){ VAR tileInfo =新しいtileInfo({ 解像度:90.71428571427429、 行:256、 COLS:256、 たcompressionQuality:0、 起源:{ X:-180、 Y:90 spatialReference:{ WKID:4326 }、 のLOD:[ {レベル:0、levelValue:1、解像度:0.703125、スケール:295497593.05875003}、 {レベル:1、levelValue:2、解像度:0.3515625、スケール:147748796.52937502}、 {レベル: 2、levelValue:3、解像度:0.17578125、スケール:73874398.264687508}、 {レベル:3、levelValue:4、解像度:0.087890625、スケール:36937199.132343754}、 {レベル:4、levelValue:5、解像度:0.0439453125、スケール:18468599.566171877} 、 {レベル:5、levelValue:6、解像度:0.02197265625、スケール:9234299.7830859385} {レベル:6、levelValue:7、解像度:0.010986328125、スケール:4617149.8915429693}、 {レベル:7、levelValue:8、解像度:0.0054931640625、スケール:2308574.9457714846}、 {レベル:8、levelValue:9、解像度:0.00274658203125、スケール:1154287.4728857423}、 {レベル:9、levelValue:10、分解能:0.001373291015625、スケール:577143.73644287116}、 {レベル:10、levelValue:11、分解能:0.0006866455078125、スケール:288571.86822143558}、 {レベル:11、levelValue:12、解像度:0.00034332275390625、スケール:144285.93411071779}、 {レベル:12、levelValue:13、分解能:0.000171661376953125、スケール:72142.967055358895} {レベル:13、levelValue:14、分解能:8.58306884765625e-005、スケール:36071.483527679447}、 {レベル:14、levelValue:15、分解能:4.291534423828125e-005、スケール:18035.741763839724}、 {レベル:15 、levelValue:16、分解能:2.1457672119140625e-005、スケール:9017.8708819198619} {レベル:16、levelValue:17、分解能:1.0728836059570313e-005、スケール:4508.9354409599309}、 {レベル:17、levelValue:18 、解像度:5.3644180297851563e-006、スケール:2254.4677204799655}、 {レベル:18、levelValue:19、分解能:2.68220901489257815e-006、スケール:1127.23386023998275}、 {レベル:19、levelValue:20、分解能:1.341104507446289075e-006、スケール:563.616930119991375} ] })。 VaRのtiledLayer =新しいWebTileLayer(「HTTP:// {サブドメイン} .tianditu .COM / vec_c / WMTS?SERVICE = WMTS&VERSION = 1.0.0&REQUEST = GetTile&LAYER = VEC&STYLE =デフォルト&FORMAT =タイル&TILEMATRIXSET = C&TILEMATRIX = {レベル}&TILEROW = {行}&TILECOL = {COL}&TK = ac0daf56728bbb77d9514ba3df69bcd3" 、{ サブドメイン:[ "T0"、 "T1"、 "T2"、 "T3"、 "T4"、 "T5"、 "T6"、 "T7"]、 tileInfo:tileInfo })。 VARマップ=新しいマップ({ ベースマップ:{ ベースレイヤー:[tiledLayer] } })。 VARビュー=新しいSceneView({ コンテナ: "マップ"、 地図マップ、 中央:[117、35] })。 }) </ SCRIPT> </ head> <body> <DIV ID = "マップ"> </ div> </ BODY>