如何呼叫天地圖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就正常了
以上 注意了,應該就不會有問題了。