一、创建2D地图
首先导入在线的js和css文件:这里用的都是4.7版本的
<link rel="stylesheet" src="https://js.arcgis.com/4.7/esri/css/main.css">
<script src="https://js.arcgis.com/4.7/"></script>
js部分:
<script>
require([
"esri/Map",
"esri/views/MapView",//MapView代表的是2D
"dojo/domReady!"
],function (Map,MapView) {
var map =new Map({
basemap:"streets"//地图指定的地图
});
var view =new MapView({//view视图提供查看及与地图交互的方法,MapView显示一个地图的2D视图
container:"viewDiv",//装载这个地图的容器
map:map,//视图渲染的Map对象的实例
zoom:4,//缩放比例
center:[15,65]//视图的中心点
});
})
</script>
html页面的代码以及CSS样式:
<style>
html,body,#viewDiv{
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<body>
<div id="viewDiv"></div>
</body>