2. 程式人生 > >（四）ArcGIS JS 載入切片地圖服務

（四）ArcGIS JS 載入切片地圖服務

阿新 • • 發佈：2019-02-12

前言

        在上一篇部落格講述了怎麼釋出切片地圖服務，在本章中介紹怎麼在JavaScript載入切片地圖服務。

準備

思路

  1. 例項化地圖物件
  2. 例項化切片圖層物件
  3. 將切片圖層物件新增到地圖物件中

程式碼實現

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href
 
="http://localhost:8080/arcgis_js_api/library/3.20/3.20/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.20/3.20/esri/css/esri.css" />
    <script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/3.20/3.20/init.js"></script
 
>
</head>
<body class="claro">
    <div id="map" style="height:800px;"></div>
    <script>
        require([
                "esri/map",
                "esri/layers/ArcGISTiledMapServiceLayer",
                "dojo/domReady!"],
            function(Map,ArcGISTiledMapServiceLayer)
 
 {
                var _Map=new Map(map);
                var _Dynamiclayer=new ArcGISTiledMapServiceLayer("http://localhost:6080/arcgis/rest/services/firstTest/TiledService/MapServer");
                _Map.addLayer(_Dynamiclayer);
        });

    </script>
</body>
</html>

執行結果

這裡寫圖片描述

相關推薦

（四）ArcGIS JS 載入切片地圖服務

前言         在上一篇部落格講述了怎麼釋出切片地圖服務，在本章中介紹怎麼在JavaScript載入切片地圖服務。 準備 思路 例項化地圖物件 例項化切片圖層物件 將切片

（一）ArcGIS JS 釋出動態地圖服務

前言     在 WebGIS開發的過程中，地圖服務的釋出和獲取是專案的第一步，也是進行WebGIS開發的基礎。我們需要釋出自己的資料服務,在本篇部落格中主要說明一下如何利用ArcGIS Server釋出自己的動態地圖服務。 地圖服務     地圖服務是一

（四）ArcGIS Server之釋出影像服務

1.引言       在實際開發過程中，為了滿足使用者不同的需求，Esri制定了各種不同的服務型別，每一種服務型別都有著自己的優點，同時特定的服務型別可以實現特性的功能，此篇部落格便說一說影像服務 1.1什麼是影像服務？       影像服

(四) arcgis runtime for android 100.3開發學習（載入切片地圖服務）

今天我們來學習關於arcgis for android載入切片地圖服務相關知識。使用的是新版本的arcgis runtime for android100.3，我們來看下載入切片地圖服務的類ArcGISTiledLayer，該類繼承了ImageTiledLayer類，其中Ar

GIS（四）——為js版搜狗地圖新增邊界+Marker和Brand的最終美化版

//載入海淀區邊界座標資料 function loadBound(){ b = [{x:12924312.5,y:4842937.5}, {x:12921625,y:4842750}, {x:12919812.5,y:4847062.5}, {x:12919375,y:48

（五）ArcGIS JS FindTask 按屬性查詢地圖資訊

前言         我們在使用ArcGIS JS API時，會遇到在文字框中輸入名稱，查詢該要素，實現要素的查詢功能。 準備 思路 HTML頁文字框接收查詢名稱 點選事件觸發API中的findTask查詢 例項化findTask引數FindParamet

【一步步一起學DApp開發】（四）web3.js 基本使用 | 連線geth | 建立web客戶端

概述 web3.js內部使用JSONRPC與geth通訊。它把所有JSON-RPC API當作JavaScript API，也就是說，它不僅支援所有與以太坊相關的API，還支援與Whisper和Swarm相關的API。 相關連結 web3.js託管地址

Python爬蟲開發（四）：動態載入頁面的解決方案與爬蟲代理

0×00 前言 如果讀者讀過我前面的關於爬蟲的文章，應該大概都清楚我們現在可以對一個靜態的web頁面”為所欲為“了，但是技術的發展總是沒有止境的，僅僅是這樣對靜態頁面處理遠遠不夠，要知道現在很多的web頁面有意無意為了防止靜態爬蟲使用ajax技術動態載入頁面，這就導致了在面對這些網站的時候，我們

Node.js從入門到實戰（四）Node.js / JavaScript / ECMAScript的關係

一、Node.js Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境。 Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型，使其輕量又高效。 Node.js 的包管理器 npm，是全球最大的開源庫生態系統。 V8引擎本身使用

（十九）ArcGIS JS 加載WMS服務（超圖示例）

reference title dom content add local type super 版本號 前言 在工作中，需要在ArcGIS API for JavaScript中加載超圖服務，因為超圖的rest服務只可以用於Leaflet 、openlayers

（二十）ArcGIS JS 加載WMTS服務（超圖示例）

-type cal compress layout chinapub 100% ready 文章 blog 前言 在前一篇中說到我們可以通過加載WMS服務解決用ArcGIS API加載超圖發布的服務，但是WMS服務在加載效率上是低於切片服務的，加上超圖的IServ

googlemaps API V3 之（四）marker區域性載入優化處理

marker區域性載入會遇到很多問題，比如在使用senchtouch的Ext.Map（）框架的時候。找不到map什麼適合才顯示出來，那麼就不能獲得顯示區域map的var bounds = map.getBounds(); 區域（獲得這個可以用於你的marker的篩選載入）

SRPG遊戲開發（四）第三章 繪製地圖

返回目錄 第三章 繪製地圖 這一章我們來建立自己的Tile，繪製我們的地圖，然後顯示我們的角色。如果你已經對Tilemap非常的熟悉，可以跳過本章。 首先，我們新建一個場景(File =&g

層層遞進Struts1（四）之預載入ActionServlet

Struts的執行相當於分為兩個階段，預載入階段和執行階段，預載入階段是指在Tomcat啟動之時就開始執行的內容，而此時我們並未真正進入跳轉邏輯，這篇部落格我們來分析一下預載入階段。 配置檔案 還記得web.xml中關於Struts的Servlet是如何配置的嗎？

Android外掛化系列第（四）篇---外掛載入機制兩種方案

一、相關概念 1.1、為什麼需要動態載入 這個問題，前面已經介紹過，如下 Android系統使用了ClassLoader機制來進行Activity等元件的載入；apk被安裝之後，APK檔案的程式碼以及資源會被系統存放在固定的目錄（比如/d

Python高階爬蟲（四）：動態載入頁面的解決方案與爬蟲代理

*原創作者：VillanCh 0×00 前言 0×01 動態頁面解決方案Selenium+PhantomJS 0×02 原理回顧對比 0×03 Quick Start 0×04 webdriver API 0×05 匿名爬蟲 0×06 匿名爬蟲解決方案 0×07 完結總結

精盡MyBatis原始碼分析 - SQL執行過程（四）之延遲載入

> 該系列文件是本人在學習 Mybatis 的原始碼過程中總結下來的，可能對讀者不太友好，請結合我的原始碼註釋（[Mybatis原始碼分析 GitHub 地址](https://github.com/liu844869663/mybatis-3)、[Mybatis-Spring 原始碼分析 GitHub 地址

NeuChar 平臺使用及開發教程（四）：使用 NeuChar 的素材服務

　　各類公眾號的功能之一就是為使用者提供各類圖文和多媒體的資訊，因此素材是必不可少的。 　　進入 Neural Cell 設定介面，點選右側【素材管理】按鈕，進入素材管理介面。     　　目前系統提供了文字、多圖文、圖片三種類型的素材，後續將會有更多型別提供。 　　點選按鈕

（四）RabbitMQ消息隊列-服務詳細配置與日常監控管理

script config add art display 實現 clas cli os x 原文:（四）RabbitMQ消息隊列-服務詳細配置與日常監控管理 RabbitMQ服

ArcGIS API for JavaScript3.x 學習筆記[5] 加載底圖（四）【高德在線地圖】

alex apt arcgis lex 添加 declare 學習 created ade /** * Created by WanderGIS on 2015/7/15. */ define(["dojo/_base/declare", "esri/geom