1 地图基础
1.1 必要导入包
1.2 创建地图切片
1.3 地图插件
1.3.1 比例尺
1.3.2 鹰眼图
1.3.3 HomeButton
2 绘图工具
2.1 画点、线、面
2.1.1 根据json标注点
2.1.2 画线
2.1.2 画面
2.2 图形事件
2.2.1 点击事件
3 图表
3.1柱状图
3.2饼图
4 其它
4.1 自动补全
4.2 搜索
1.1 必要导入包
1.2 创建地图切片
1.3 地图插件
1.3.1 比例尺
1.3.2 鹰眼图
1.3.3 HomeButton
2 绘图工具
2.1 画点、线、面
2.1.1 根据json标注点
2.1.2 画线
2.1.2 画面
2.2 图形事件
2.2.1 点击事件
3 图表
3.1柱状图
3.2饼图
4 其它
4.1 自动补全
4.2 搜索
1 地图基础
1.1 必要导入包
var map;
require([
"esri/map",
"esri/layers/ArcGISTiledMapServiceLayer",
"esri/dijit/Scalebar",
"esri/dijit/OverviewMap",
"esri/toolbars/draw",
"esri/symbols/SimpleMarkerSymbol",
"esri/symbols/PictureMarkerSymbol",
"esri/symbols/SimpleLineSymbol",
"esri/symbols/PictureFillSymbol",
"esri/symbols/CartographicLineSymbol",
"esri/graphic",
"esri/Color",
"esri/dijit/InfoWindow",
"esri/dijit/HomeButton",
"dojo/dom",
"dojo/on",
"dojo/domReady!"
],
function (Map, Tiled, Scalebar, OverviewMap, Draw,
SimpleMarkerSymbol, PictureMarkerSymbol, SimpleLineSymbol,
PictureFillSymbol, CartographicLineSymbol,
Graphic, Color, InfoWindow, HomeButton,dom, on) {
map = new Map("mapdiv", {
logo: false,
zoom: 13,
minZoom: 11,
maxZoom: 15,
});
1.2 创建地图切片
var tiled = new Tiled("./ArcGIS/rest/services/mapall/MapServer");//创建地图切片
map.addLayer(tiled);//加载地图切片
1.3 地图插件
1.3.1 比例尺
//比例尺
var scalebar = new Scalebar({
map: map, ]]
attachTo: "bottom-left",//显示位置
scalebarStyle: "line", //比例尺显示方式
scalebarUnit: "metric" //单位
});
1.3.2 鹰眼图
// 鹰眼图
var overviewMapDijit = new OverviewMap({
map: map,
attachTo: "bottom-left", // 显示位置
width: 150, // 默认值是地图高度的 1/4th
height: 150, // 默认值是地图高度的 1/4th
opacity: .40, // 透明度 默认0.5
visible: true,
color: " #D84E13",
});
overviewMapDijit.startup();//启动鹰眼图
1.3.3 HomeButton
//Home按钮
var home = new HomeButton({
theme: "HomeButton",
map: map,
extent: null,
visible: true
}, "HomeButton");
home.startup();
2 绘图工具
2.1 画点、线、面
map.on("load", initToolbar);