2018.7.8 WebGIS (ArcGIS api for JavaScript) 记录—1

一、创建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>

 

猜你喜欢

转载自blog.csdn.net/kk_bluebule/article/details/80963926