ArcGIS API for JavaScript开发教程系列(一)之创建地图

来源:互联网 发布:大时代 知乎 编辑:程序博客网 时间:2024/06/06 09:47

ArcGIS API for JavaScript开发教程系列(一)之创建地图

添加一个新创建的基础地图到地图控件,直接上代码吧,在代码注释里面讲解:

<!DOCTYPE html><html>  <head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <!--缩放设置-->    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>    <title>Simple Map</title>    <!--引入样式表文件-->    <link rel="stylesheet" href="https://js.arcgis.com/3.16/esri/css/esri.css">    <style>      html, body, #map {        height: 100%;        margin: 0;        padding: 0;      }    </style>    <!--引入javascript-->    <script src="https://js.arcgis.com/3.16/"></script>    <script>      var map;      //dojo代码段,需要调用的模块在这里请求      require(["esri/map", "dojo/domReady!"], function(Map) {      //创建地图        map = new Map("map", {        //设置基础地图的图层          basemap: "topo",            //设置定位到的位置,经纬度          center: [-122.45, 37.75],          //设置缩放级别          zoom: 13        });      });    </script>  </head>  <body>  <!--用于放地图的div-->    <div id="map"></div>  </body></html>
0 0
原创粉丝点击