1. 程式人生 > >如何呼叫天地圖js API 新增arcgis釋出的圖層服務

如何呼叫天地圖js API 新增arcgis釋出的圖層服務

描述:最近專案中用到天地圖,後來需要在天地圖中新增一個arcgis釋出的圖層服務,那要如何實現呢,其實挺簡單,但是有些地方需要注意,尤其是對於新手來說,就鬱悶了,因為我也是新手,下面就說下如何實現:

<script type="text/javascript" src="http://api.tianditu.com/js/maps.js"></script>
    <script type="text/javascript" src="http://api.tianditu.com/js/service.js"></script>
	<title>行政區域</title>
<script type="text/javascript">
var zoom = 10;
var wmsLayer;
var localsearch;
var map;
var lay;
function onLoad() {
	var config = { projection: "EPSG:4326"} 
	//map例項
	map = new TMap("mapDiv",config);
	//設定顯示地圖的中心點和級別 
	map.centerAndZoom(new TLngLat(106.38848,38.995728), zoom);
	//允許滑鼠滾輪縮放地圖 
	map.enableHandleMouseScroll();
	//允許雙擊地圖放大 
	map.enableDoubleClickZoom();
	getWMS();
}
function getWMS(){
  if(wmsLayer)
  {
   map.removeLayer(wmsLayer);
  }
  var config = {
      REQUEST:"GetMap", //操作名稱
      VERSION:"1.1.1", //請求服務的版本
      SERVICE:"WMS",  //服務型別識別符號
      LAYERS:"0", //用","分隔的多個圖層列表
      TRANSPARENT:true, //輸出影象背景是否透明
      STYLES:"default",   //每個請求圖層的用","分隔的描述樣式
      FORMAT:"image/png", //輸出影象的型別
      SRS:"EPSG:4326", //地圖投影型別
      WIDTH:256,   //輸出地圖圖片的畫素寬
      HEIGHT:256   //輸出地圖圖片的畫素高
     };
     wmsLayer = new TTileLayerWMS("wms","url",config);
	 //將WMS圖層新增到地圖上
     map.addLayer(wmsLayer);
  }
	</script>

注意事項:

1.首先因為呼叫的是天地圖的新增wms圖層的方法,所以對於arcgis釋出的圖層服務,要求必須啟用wms服務功能才可以。啟用的時候會有一個地址,這個地址就是上面url的地址

2.在初始化地圖的時候var config = { projection: "EPSG:4326"}  這個配置是需要的要不然 ,圖層會新增失敗。

3.對於config配置的項要注意的地方,LAYERS屬性是你釋出的服務的圖層名稱

FORMAT :"image/png" 這個屬性也要注意,當時我寫的是image/jpeg,出現了問題,改為png就正常了  

以上 注意了,應該就不會有問題了。

相關推薦

如何呼叫地圖js API 新增arcgis釋出服務

描述:最近專案中用到天地圖,後來需要在天地圖中新增一個arcgis釋出的圖層服務,那要如何實現呢,其實挺簡單,但是有些地方需要注意,尤其是對於新手來說,就鬱悶了,因為我也是新手,下面就說下如何實現:

呼叫地圖API實現關鍵詞搜尋

概述:本文講述結合天地圖 js API,實現Openlayers中關鍵詞的搜尋與展示。效果:實現關鍵:呼叫天地圖APILocalSearch介面,實現關鍵詞搜尋,呼叫方式為:localsearch.search(keywod)。完整程式碼:<!DOCTYPE html&

arcgis-jsapi呼叫地圖線上服務範例

轉自:http://blog.csdn.net/jzshmyt/article/details/8828829 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/

百度地圖js api 非同步呼叫方法

用到百度地圖 通過 經緯度查詢所在城市,記錄一下呼叫的方法。 下面例子中ak是百度的key,更換成自己的就可以了。 請求引數說明 output=json 表示返回資料格式 可以為 xml callback=getCity 表示回撥方法 呼叫完成後會自

地圖值之新增覆蓋物

最近多少還是會有一點焦慮,其實很大一部分原因是考慮的比較多罷了,適當的放棄一些東西,一切就會變的明朗起來。 接著上一篇繼續來學習天地圖 Android SDK ,地圖開發中除了常見的定位需求,還有就是覆蓋物的新增,比如最近的專案是有關風險管控的,在地圖上就要顯示對應的風

高德地圖 js api(一)載入

      1.data中定義key和回撥函式 data() { return { amapKey: this.$global.key, map:null,

使用Openlayers呼叫地圖線上服務資料

國家測繪局2010年10月21日正式釋出中國公眾版國家地理資訊公共服務平臺“天地圖”,作為中國境內資料資源最全的地理資訊服務網站,“天地圖”將為公眾提供權威、可信、統一的地理資訊資源。 “天地圖”公開開放了地圖資料服務介面,第三方使用者 可以直接通過網際網路獲取地圖資料 ,無

GIS初學者,最新OpenLayers WMTS 地圖,OpenLayers載入地圖呼叫地圖WMTS示例、tianditu、EPSG:3857、EPSG:4326

2018最新OpenLayers天地圖載入可行方案,天地圖WMTS呼叫,OpenLayers 天地圖 WMTS GetCapabilities GetTile 最近要了解Web GIS方面的知識,對我這些外行人來說比較吃力,用OpenLayers載入天地圖也遇到了小打擊

openlayers2呼叫地圖WMTS服務簡單例子

var map; function init(){ map = new OpenLayers.Map( 'map',{ numZoomLevels:19 });

cesium呼叫地圖服務

全球向量地圖服務 var viewer = new Cesium.Viewer("cesiumContainer", { animation: false, //是否顯示動畫控制元件 baseLayerPicker: false, //是否顯示圖層選擇

ArcGIS For JavaScript API 新增一個dynamic Service(動態服務)————(一)

描述: 此示例演示如何新增一個地圖繪製的伺服器在使用者每次縮放或平移。這樣的地圖不具有快取記憶體的瓦片,被稱為動態地圖服務層。在ArcGISJavaScript API的動態地圖服務為代表的ArcGISDynamicMapServiceLayer。 下面的程式碼行建

百度地圖API入門——(7)新增或刪除

一個地圖,可能有很多圖層。以交通層為例,如下: var map = new BMap.Map("container"); var point = new BMap.Point(123.123, 12,

高德地圖Js API的使用

申請JSAPI的開發者key 引入高德地圖JavaScript API檔案: <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申請的key值">&l

百度地圖JS-API:點選獲取經緯度以及地址

1.引入JS: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的金鑰">

百度地圖JS API獲取到所在位置名稱

//引入百度地圖 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=金鑰"></script> <script type="text/

大資料視覺化第三——D3.js初探:餅形

在找了許多參考資料後,我發現大部分關於D3.js的講解不滿足我的需求,有些講的太過冗長,舉了很多不需要的點,比如用D3來做排序過濾這種分析階段就應該做完的事;有些又太簡單,很多省略的細節讓人看的似是而非。這篇我在網上找了一個餅狀圖的小例子來幫助自己理解D3一般圖形繪製過程,在程式碼中涉及到某個知識點

高德地圖定位、新增定點陣標、連線(二)

定位之後想在地圖中顯示,那麼就要在新增一個jar包,該jar包中有地圖的控制元件 一、新增定位標記 1、在build.gradle中新增 compile files('libs/AMap_3DMap_V3.3.1_20160419.jar') 使用的

ArcGIS教程:ArcGIS新增投影及投影轉換

  由於GIS描述的是位於地球表面的空間資訊,所以在表示時必須嵌入到一個空間參照系中,這個參照系就是座標系它是根據橢球體等引數建立的。我國目前所用到的三種主要座標系是:北京1954、西安1980及WGS84。   有了座標系,即橢球體,資料圖層就有了地理座標,地理座標是用經

製作Leaflet呼叫高德地圖環境下的圖片覆蓋切片

    部分資源     要求為:leaflet呼叫高德地圖的底層切片;顯示或者不顯示高德地圖的切片;覆蓋自定義圖片切片;自定義模板顏色; 結合切片工具來進行操作。實際操作中,需求可能五花八門,需要對生成的程式碼進行靈活修改。 第一步: 第二步: 第三步:配準法設

ArcGIS Android切換

1.重點學習一下圖層切換,接下來我需要用的。 2.原理:實際上圖層切換好像沒什麼難度,只要寫幾個按鈕或者其他的事件,通過觸發事件切換地圖 3.按鈕的程式碼 佈局xml <Button android:id="@+id/buttonStart" and