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: satellite
, hybrid
, topo
, gray
, dark-gray
, oceans
, osm
, national-geographic
5、聲明
1)文章來源於項目實踐,文中存在錯誤或任何問題請留言, 謝謝你的閱讀
2)轉載請標註來源,感謝