arcgis api for javascript 学习(一) 调用在线发布的动态地图
2024-09-01 20:53:52
1、图中显示为arcgis软件中显示的地图文件
2、调用动态地图主要的是知道动态地图的URL地址
3、通过IDE(webstorm)调用动态地图,如图
4、话不多说,直接上代码
<!DOCTYPE HTML>
<html>
<head>
<title>调用动态地图服务</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" href="https://js.arcgis.com/3.29/esri/css/esri.css">
<script src="https://js.arcgis.com/3.29/"></script>
<script>
require([
"esri/map",
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/layers/ArcGISTiledMapServiceLayer",
"esri/geometry/Extent",
"esri/SpatialReference"], function(
Map,
ArcGISDynamicMapServiceLayer,
ArcGISTiledMapServiceLayer,
Extent,
SpatialReference
) {
var extent = new Extent(71.010089,21.288148,135.768574,54.399626, new SpatialReference({ wkid:4326 }));
var map = new Map("map", {
//center: [116.403119,39.915599],
//zoom:2,
extent:extent,
basemap: "streets" //satellite、streets、oceans
});
//调用动态地图服务
var dyLayer=new ArcGISDynamicMapServiceLayer('http://localhost:6080/arcgis/rest/services/mapservice/MapServer');
map.addLayer(dyLayer); });
</script>
</head>
<body>
<div id='map'> </div>
</body>
</html>
最新文章
- 利用@media screen实现网页布局的自适应
- 【实战Java高并发程序设计 4】数组也能无锁:AtomicIntegerArray
- [WPF系列]-基础 TextBlock
- BBR拥塞控制算法
- Window驱动开发
- 关于Masonry框架(AutoLayout)的用法--面向初学者
- 自定义元素–为你的HTML代码定义新元素
- JSP使用JDBC ODBC 实例
- 【COCOS2D-HTML5 开发之三】演示样例项目附源代码及执行的GIF效果图
- [欧拉] poj 2513 Colored Sticks
- Matlab 2014b For Mac安装破解
- JavaScript中的获取元素的方法
- STM32学习笔记:【004】USART串口通信
- Latex小技巧
- golang数组排序算法
- 51nod 1055 最长等差数列
- 日志信息log
- [转]urllib模块urlretrieve方法
- 一、Linux概述 	二、Linux的安装 	三、Linux的常用命令(重点)
- ModelAndView 配置与使用