ArcGIS API for Javascript(一)

Map

1、加載Map地圖:

1)開篇不使用本地部署,應用官網api;(因爲底圖加載需要聯網,所以本地部署也需要聯網,故本系列不使用本地部署)

2)本教程全部使用官網api,可直接複製到文本中(xx.html),使用瀏覽器可直接打開;

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>js地圖</title>
    <!-- 加載官方api -->
	<link rel="stylesheet" href="https://js.arcgis.com/4.15/esri/themes/light/main.css">
	<script src="https://js.arcgis.com/4.15/"></script>
	<style type="text/css">
		html,body,#mapdiv
		{
			height: 100%;
			width:100%;
			margin: 0;
			padding: 0;
		}
		body	
		{
			background: #FFF;
			overflow: hidden;
			font-family: "Trebuchet MS";
		}
	</style>
	<script type="text/javascript">
		require(["esri/Map",
			"esri/views/MapView",
			],function(Map,MapView){
            //加載地圖底圖
            var map=new Map({
             	basemap:"topo"
             });
            //加載視圖
            var mapview=new	MapView({
            	container:"mapdiv",
            	map:map,
            	zoom:10,
            	center:[117,31]

            });
            // 去除初始化控件
            // mapview.ui.components=[];
			});
	</script>
</head>
<body>
<div id="mapdiv"></div>
</body>
</html>

2、加載地圖:

1)默認會加載放大縮小 和商標;

2)地圖加載成功;

3、移除商業logo:

(官方api方法:如圖:)

這個有兩個方法:

1)可以使用view.ui.remove("組件名"),移除指定組件;

2)使用view.ui.components=[];清空所有初始化控件,可以自由放置,可以放在自己定義的控件之後,不會清空自己定義的控件

 本文使用的是 mapview.ui.components=[];  將示例中的註釋釋放即可達到去除初始化控件目的;

4、常用的底圖:

Additional basemap options are: satellitehybridtopograydark-grayoceansosmnational-geographic

 

 

5、聲明

1)文章來源於項目實踐,文中存在錯誤或任何問題請留言, 謝謝你的閱讀

2)轉載請標註來源,感謝

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章