ArcGIS API for JavaScript小白入门
时间:2019-10-22
本文章向大家介绍ArcGIS API for JavaScript小白入门,主要包括ArcGIS API for JavaScript小白入门使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
简单理解就是:通过js调用arcgis相关的方法和通过html引入css等资源来展示地图,代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport"> <title>Intro to MapView - Create a 2D map - 4.8</title> <style> //设置显示区域的样式,地图全页面展示 html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> // 第一步:引入js文件和css样式表,本文使用了4.9版本 <link rel="stylesheet" href="https://js.arcgis.com/4.9/esri/css/main.css"> <script src="https://js.arcgis.com/4.9/"></script> //开始使用编辑js,实现加载地图效果 <script> // 第二步,导入需要的模块,这里引入了Map和MapView require([ "esri/Map", "esri/views/MapView" ], function(Map, MapView) { // 第三步,初始化一个地图对象 var map = new Map({ // 设置基地图类型,可根据需要加载自己的地图服务。 basemap: "streets" }); // 新建视图,用的是MapView,是2D的,3D的要用SceneView模块,SceneView方法创建。 var view = new MapView({ //显示在HTML上的区域,也就是哪个div里 container: "viewDiv", //将地图服务加载到视图上,这是4.x版本设定,3.x版本可直接创建map时设定 map: map, //设置加载地图的缩放等级和中心位置。 zoom: 4, center: [15, 65] // longitude, latitude }); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html>
原文地址:https://www.cnblogs.com/robinw666/p/11718897.html
- HTTP就是这么简单
- 重温二分查找算法(r4笔记第66天)
- 【不用框架】文件上传和下载
- JSP第七篇【简单标签、应用、DynamicAttribute接口】
- Java基础-07(02).总结private,this,封装,static,成员方法变量,局部变量匿名对象
- 通过shell脚本快速定位active session问题(r4笔记第65天)
- 01 整合IDEA+Maven+SSM框架的高并发的商品秒杀项目之业务分析与DAO层
- JSP第六篇【自定义标签之传统标签】
- 过滤器监听器面试题都在这里
- 02 整合IDEA+Maven+SSM框架的高并发的商品秒杀项目之Service层
- JSP第五篇【JSTL的介绍、core标签库、fn方法库、fmt标签库】
- java中的序列化 (r4笔记第64天)
- JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】
- 03 整合IDEA+Maven+SSM框架的高并发的商品秒杀项目之web层
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Android画板开发之添加文本文字
- Android获得设备状态信息、Mac地址、IP地址的方法
- Android加载Assets目录中Xml布局文件
- Android系统在shell中的df命令实现
- 面向对象版tab 栏切换案例
- 构造函数和原型
- 解决json中ensure_ascii=False的问题
- Django自定义列表 models字段显示方式
- 无人驾驶环境感知 | 01 车道线检测网络LanNet原理及实现
- 对象存储COS-数据处理能力升级!“组合拳”助力存储新时代!
- 基于python图像处理API的使用示例
- python 的topk算法实例
- android使用viewpager计算偏移量实现选项卡功能
- Android画板开发之撤销反撤销功能
- Android实现复制Assets文件到SD卡