Skip to content

A
apaas-ui
Commit 8d8d339b authored by 张豪's avatar 张豪
Browse files
Options

技术支持-示例中心

parent 6cb66255
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 169435 additions and 2 deletions
src/pages/technical-support/demo-center/index.vue 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
src/router/index.js
View file @ 8d8d339b
......@@ -183,6 +183,20 @@ export default new Router({
}, // 开发文档管理编辑
],
}, // 开发文档管理
{
path: "/technical_support/demo_center",
name: "technicalSupportDemo",
// redirect: "/technical_support/demo_center/index",
component: () => import("@/pages/technical-support/demo-center/index"),
// children: [
// {
// path: "/technical_support/doc_manage/list",
// name: "technicalSupportDocDetail",
// component: () =>
// import("@/pages/technical-support/doc-manage/list"),
// }, // 示例中心管理列表
// ],
}, // 示例中心
{
path: "/technical_support/answer_center/",
name: "technicalSupportDoc",
......
static/view/data/arcgisTreeNode.json 0 → 100644
View file @ 8d8d339b
{
"data": [
{
"label": "arcgis server 地图示例",
"children": [
{
"label": "二维地图",
"name": "2d_base_map",
"branch": "arcgis_latest"
},
{
"label": "三维地图",
"name": "3d_base_map",
"branch": "arcgis_latest"
},
{
"label": "二维地图与三维地图切换",
"name": "2dto3d",
"branch": "arcgis_latest"
},
{
"label": "二维地图之加载csv数据源",
"name": "2d_csvlayer",
"branch": "arcgis_latest"
},
{
"label": "二维地图之加载json数据源",
"name": "2d_loadjson",
"branch": "arcgis_latest"
},
{
"label": "二维地图之查询",
"name": "2d_query",
"branch": "arcgis_latest"
},
{
"label": "三维地图之加载csv数据源",
"name": "3d_csvlayer",
"branch": "arcgis_latest"
},
{
"label": "基础地图",
"name": "basic_web_map",
"branch": "arcgis_latest"
},
{
"label": "地图级别控件",
"name": "sliderZoom",
"branch": "arcgis_latest"
},
{
"label": "要素图层显示要素列表",
"name": "featurelayer",
"branch": "arcgis_latest"
},
{
"label": "地理编码检索",
"name": "geocoding",
"branch": "arcgis_latest"
},
{
"label": "缓冲区服务与空间分析",
"name": "linebuffer",
"branch": "arcgis_latest"
},
{
"label": "人员轨迹查询",
"name": "peoplecluster",
"branch": "arcgis_latest"
},
{
"label": "高亮图层要素",
"name": "pointshine_map",
"branch": "arcgis_latest"
},
{
"label": "天地图_WMTS",
"name": "tdt_wmts_map",
"branch": "arcgis_latest"
},
{
"label": "方正_WMTS",
"name": "fz_map",
"branch": "arcgis_latest"
},
{
"label": "Geoserver_WMTS服务",
"name": "arcgis_load_geoserver_wmts",
"branch": "arcgis_latest"
},
{
"label": "单图层查询",
"name": "simplesearch",
"branch": "arcgis_latest"
},
{
"label": "多图层拉框查询",
"name": "multilayer3search",
"branch": "arcgis_latest"
},
{
"label": "多图层属性查询",
"name": "multilayer4search",
"branch": "arcgis_latest"
},
{
"label": "通用多图层多字段查询",
"name": "multilayersandfeilds_3search",
"branch": "arcgis_latest"
},
{
"label": "视频Webmap",
"name": "video_web_map",
"branch": "arcgis_latest"
},
{
"label": "图表Webmap",
"name": "echarts_web_map",
"branch": "arcgis_latest"
},
{
"label": "Webmap test",
"name": "webmap_test",
"branch": "arcgis_latest"
},
{
"label": "热力图",
"name": "heatmap",
"branch": "arcgis_latest"
},
{
"label": "图层管理",
"name": "manage_layers",
"branch": "arcgis_latest"
},
{
"label": "迁徙图",
"name": "migrate",
"branch": "arcgis_latest"
},
{
"label": "迁徙图2",
"name": "migrate2",
"branch": "arcgis_latest"
},
{
"label": "公交线路图",
"name": "bus_line",
"branch": "arcgis_latest"
},
{
"label": "点聚合图",
"name": "flareClusterLayer",
"branch": "arcgis_latest"
},
{
"label": "运动图层",
"name": "movinglayer",
"branch": "arcgis_latest"
},
{
"label": "3.x运动图层",
"name": "3.xmovelayer",
"branch": "arcgis_latest"
},
{
"label": "多图层查询",
"name": "2d_findTaskLayers",
"branch": "arcgis_latest"
},
{
"label": "画框统计",
"name": "2d_queryStatistic",
"branch": "arcgis_latest"
},
{
"label": "视频播放",
"name": "2d_videoView",
"branch": "arcgis_latest"
},
{
"label": "缓冲区分析",
"name": "2d_buffer_analysis",
"branch": "arcgis_latest"
},
{
"label": "加载本地JSON文件/shapefile文件",
"name": "2d_loadGeometry",
"branch": "arcgis_latest"
},
{
"label": "要素编辑",
"name": "editFeatures",
"branch": "arcgis_latest"
},
{
"label": "要素编辑用3.x版本",
"name": "2d_featureEditor3.x",
"branch": "arcgis_latest"
},
{
"label": "要素编辑用3.x版本_贵州",
"name": "2d_featureEditor3.x_guizhou",
"branch": "arcgis_latest"
}
]
}
]
}
\ No newline at end of file
static/view/demo/data.json 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-2d_base_heatMapWithEchart.html 0 → 100644
View file @ 8d8d339b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用echart渲染热力图</title>
<style>
html,
body,
#view {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="https://apaas.wodcloud.com/api_4.x/esri/css/main.css">
<script>
var dojoConfig = {
parseOnLoad: true,
packages: [{
name: "src",
location: location.pathname.replace(/\/[^/]+$/, "") + "/src"
}]
};
</script>
<script src="https://apaas.wodcloud.com/mapsamples/static/js/jquery-3.3.1.min.js"></script>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script src="https://apaas.wodcloud.com/mapsamples/static/js/echart/echarts.min.js"></script>
<script src="https://apaas.wodcloud.com/mapsamples/static/js/echart/echartsExtent.js"></script>
<script>
require([
"esri/Map",
"https://apaas.wodcloud.com/mapsamples/static/js/GaodeLayer.js",
"esri/views/SceneView",
"esri/views/MapView",
"esri/Graphic",
"esri/layers/GraphicsLayer",
"esri/geometry/Point",
"esri/geometry/SpatialReference",
"esri/symbols/PictureMarkerSymbol",
"dojo/domReady!"
], function (Map, GaodeLayer, SceneView, MapView, Graphic, GraphicsLayer, Point, SpatialReference, PictureMarkerSymbol) {
//新建矢量图层
var GaodeLayer = new GaodeLayer();
//json格式的地理数据
var map = new Map({
layers: [GaodeLayer]
});
var view = new MapView({
container: "view",
map: map,
center: [106.71543991100576, 26.58363100116717],
zoom: 10
});
});
</script>
</head>
<body>
<div id="view"></div>
</body>
</html>
\ No newline at end of file
static/view/demo/page-2d_base_heatMapWithEchart_3.x.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-2d_base_loadAmap.html 0 → 100644
View file @ 8d8d339b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>高德地图</title>
<style>
html,
body,
#view {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="https://apaas.wodcloud.com/api_4.x/esri/css/main.css">
<script>
var dojoConfig = {
parseOnLoad: true,
packages: [{
name: "src",
location: location.pathname.replace(/\/[^/]+$/, "") + "/src"
}]
};
</script>
<script src="https://apaas.wodcloud.com/mapsamples/static/js/jquery-3.3.1.min.js"></script>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script>
require([
"esri/Map",
"https://apaas.wodcloud.com/mapsamples/static/js/GaodeLayer.js",
"esri/views/SceneView",
"esri/views/MapView",
"esri/Graphic",
"esri/layers/GraphicsLayer",
"esri/geometry/Point",
"esri/geometry/SpatialReference",
"esri/symbols/PictureMarkerSymbol",
"dojo/domReady!"
], function (Map, GaodeLayer, SceneView, MapView, Graphic, GraphicsLayer, Point, SpatialReference, PictureMarkerSymbol) {
//新建矢量图层
var GaodeLayer = new GaodeLayer();
//json格式的地理数据
var map = new Map({
layers: [GaodeLayer, footprintlayer]
});
var view = new MapView({
container: "view",
map: map,
center: [106.71543991100576, 26.58363100116717],
zoom: 10
});
});
</script>
</head>
<body>
<div id="view"></div>
</body>
</html>
\ No newline at end of file
static/view/demo/page-2d_base_loadAmapTest.html 0 → 100644
View file @ 8d8d339b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>高德地图</title>
<style>
html,
body,
#view {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="https://apaas.wodcloud.com/api_4.x/esri/css/main.css">
<script>
var dojoConfig = {
parseOnLoad: true,
packages: [{
name: "src",
location: location.pathname.replace(/\/[^/]+$/, "") + "/src"
}]
};
</script>
<script src="https://apaas.wodcloud.com/mapsamples/static/js/jquery-3.3.1.min.js"></script>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script>
require([
"esri/Map",
"https://apaas.wodcloud.com/mapsamples/static/js/GaodeLayer.js",
"esri/views/SceneView",
"esri/views/MapView",
"esri/Graphic",
"esri/layers/GraphicsLayer",
"esri/geometry/Point",
"esri/geometry/SpatialReference",
"esri/symbols/PictureMarkerSymbol",
"esri/layers/BaseTileLayer", "esri/request",
"dojo/domReady!"
], function (Map, GaodeLayer, SceneView, MapView, Graphic, GraphicsLayer, Point, SpatialReference, PictureMarkerSymbol, BaseTileLayer, esriRequest) {
//新建矢量图层
var bsLayer = BaseTileLayer.createSubclass({
properties: {
urlTemplate: null,
},
getTileUrl: function (level, row, col) {
return url = 'http://webrd0' + (col % 4 + 1) + '.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x=' + col + '&y=' + row + '&z=' + level;
},
fetchTile: function (level, row, col) {
var url = this.getTileUrl(level, row, col);
return esriRequest(url, {
responseType: "image"
})
.then(function (response) {
var image = response.data;
var width = this.tileInfo.size[0];
var height = this.tileInfo.size[0];
var canvas = document.createElement("canvas");
var context = canvas.getContext("2d");
canvas.width = width;
canvas.height = height;
context.drawImage(image, 0, 0, width, height);
return canvas;
}.bind(this));
}
})
var GaodeLayer = new bsLayer();
//var GaodeLayer = new GaodeLayer();
//json格式的地理数据
var map = new Map({
layers: [GaodeLayer]
});
var view = new MapView({
container: "view",
map: map,
center: [106.71543991100576, 26.58363100116717],
zoom: 10
});
});
</script>
</head>
<body>
<div id="view"></div>
</body>
</html>
\ No newline at end of file
static/view/demo/page-2d_base_loadSuperMap3.x.html 0 → 100644
View file @ 8d8d339b
<!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>WMTS地图北斗服务3.x</title>
<link rel="stylesheet" href="https://apaas.wodcloud.com/api_3.x/esri/css/esri.css">
<style>
html,
body,
#map {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
</style>
<script src="https://apaas.wodcloud.com/api_3.x/init.js"></script>
<script>
require([
"esri/map",
"esri/layers/WMTSLayer",
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/layers/WMTSLayerInfo",
"esri/geometry/Extent",
"esri/layers/TileInfo",
"esri/SpatialReference",
"dojo/domReady!"
], function (
Map,
WMTSLayer,
ArcGISDynamicMapServiceLayer,
WMTSLayerInfo,
Extent,
TileInfo,
SpatialReference
) {
var map = new Map("map", {
center: [116.7, 34.5],
zoom: 8
});
var tileInfo = new TileInfo({
"dpi": 96,
"format": "image/png",
"compressionQuality": 0,
"spatialReference": new SpatialReference({
"wkid": 4490
}),
"rows": 256,
"cols": 256,
"origin": {
"x": -180,
"y": 90
},
"lods": [
{ "level": "0", "scale": 295829355.45, "resolution": 0.703125 },
{ "level": "1", "scale": 147914677.725, "resolution": 0.3515625 },
{ "level": "2", "scale": 73957338.8625, "resolution": 0.17578125 },
{ "level": "3", "scale": 36978669.43125, "resolution": 0.087890625 },
{ "level": "4", "scale": 18489334.715625, "resolution": 0.0439453125 },
{ "level": "5", "scale": 9244667.3578125, "resolution": 0.02197265625 },
{ "level": "6", "scale": 4622333.67890625, "resolution": 0.010986328125 },
{ "level": "7", "scale": 2311166.83945312, "resolution": 0.0054931640625 },
{ "level": "8", "scale": 1155583.41972656, "resolution": 0.00274658203125 },
{ "level": "9", "scale": 577791.709863281, "resolution": 0.001373291015625 },
{ "level": "10", "scale": 288895.8549316406, "resolution": 0.0006866455078125 },
{ "level": "11", "scale": 144447.9274658203, "resolution": 0.00034332275390625 },
{ "level": "12", "scale": 4508.935440959931, "resolution": 0.000171661376953125 },
{ "level": "13", "scale": 36111.98186645508, "resolution": 0.0000858306884765625 },
{ "level": "14", "scale": 18055.99093322754, "resolution": 0.0000429153442382812 },
{ "level": "15", "scale": 9027.99546661377, "resolution": 0.0000214576721191406 },
{ "level": "16", "scale": 4513.997733306885, "resolution": 0.0000107288360595703 },
{ "level": "17", "scale": 2256.9988666534423, "resolution": 0.00000536441802978515 },
{ "level": "18", "scale": 1128.4994333267211, "resolution": 0.00000268220901489257 },
{ "level": "19", "scale": 564.2497166633606, "resolution": 0.00000134110450744628 }
]
});
var tileExtent = new Extent(-180.0, -85.0511287798065, 180.0, 85.05112877980648, new SpatialReference({
wkid: 4490
}));
var layerInfo = new WMTSLayerInfo({
tileInfo: tileInfo,
fullExtent: tileExtent,
initialExtent: tileExtent,
identifier: "guizhou",
tileMatrixSet: "ChinaPublicServices_guizhou",
format: "image/png",
style: "default"
});
var resourceInfo = {
version: "1.0.0",
layerInfos: [layerInfo],
copyright: ""
};
var options = {
serviceMode: "KVP",
resourceInfo: resourceInfo,
layerInfo: layerInfo
};
var wmtsLayer = new WMTSLayer("http://apaas.gy.wodcloud.com/iserver/services/map-guizhou/wmts-china", options);
map.addLayer(wmtsLayer);
var atmsl = ArcGISDynamicMapServiceLayer("https://apaasgis-zw.wodcloud.com/server/rest/services/GZ_LYJQZTT/MapServer");
map.addLayer(atmsl);
});
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>
\ No newline at end of file
static/view/demo/page-2d_base_loadSuperMap4.x.html 0 → 100644
View file @ 8d8d339b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>WMTS地图北斗服务4.x</title>
<link rel="stylesheet" href="https://apaas.wodcloud.com/api_4.x/esri/css/main.css" />
<style>
html,
body,
#viewDiv {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
</style>
<script src="https://apaas.wodcloud.com/mapsamples/static/js/jquery-3.3.1.min.js"></script>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script>
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/WebTileLayer",
"esri/layers/support/TileInfo",
"esri/layers/MapImageLayer",
"esri/geometry/SpatialReference",
"esri/widgets/DistanceMeasurement2D",
"esri/widgets/AreaMeasurement2D",
"esri/Graphic",
"esri/layers/GraphicsLayer",
"esri/geometry/Point",
"esri/geometry/SpatialReference",
"esri/symbols/PictureMarkerSymbol",
"dojo/domReady!"
], function (Map, MapView, WebTileLayer, TileInfo, MapImageLayer, SpatialReference, DistanceMeasurement2D, AreaMeasurement2D, Graphic, GraphicsLayer, Point, SpatialReference, PictureMarkerSymbol) {
var tileInfo = new TileInfo({
"dpi": 96,
"format": "image/png",
"compressionQuality": 0,
"spatialReference": new SpatialReference(4326),
"rows": 256,
"cols": 256,
"origin": {
"x": -180,
"y": 90
},
"lods": [
{ "level": "0", "scale": 295829355.45, "resolution": 0.703125 },
{ "level": "1", "scale": 147914677.725, "resolution": 0.3515625 },
{ "level": "2", "scale": 73957338.8625, "resolution": 0.17578125 },
{ "level": "3", "scale": 36978669.43125, "resolution": 0.087890625 },
{ "level": "4", "scale": 18489334.715625, "resolution": 0.0439453125 },
{ "level": "5", "scale": 9244667.3578125, "resolution": 0.02197265625 },
{ "level": "6", "scale": 4622333.67890625, "resolution": 0.010986328125 },
{ "level": "7", "scale": 2311166.83945312, "resolution": 0.0054931640625 },
{ "level": "8", "scale": 1155583.41972656, "resolution": 0.00274658203125 },
{ "level": "9", "scale": 577791.709863281, "resolution": 0.001373291015625 },
{ "level": "10", "scale": 288895.8549316406, "resolution": 6.866455078125E-4 },
{ "level": "11", "scale": 144447.9274658203, "resolution": 3.4332275390625E-4 },
{ "level": "12", "scale": 4508.935440959931, "resolution": 1.71661376953125E-4 },
{ "level": "13", "scale": 36111.98186645508, "resolution": 8.58306884765625E-5 },
{ "level": "14", "scale": 18055.99093322754, "resolution": 4.291534423828125E-5 },
{ "level": "15", "scale": 9027.99546661377, "resolution": 2.1457672119140625E-5 },
{ "level": "16", "scale": 4513.997733306885, "resolution": 1.0728836059570312E-5 },
{ "level": "17", "scale": 2256.9988666534423, "resolution": 5.364418029785156E-6 },
{ "level": "18", "scale": 1128.4994333267211, "resolution": 2.682209014892578E-6 },
{ "level": "19", "scale": 564.2497166633606, "resolution": 1.341104507446289E-6 }
]
});
var layer = new WebTileLayer(
{
// urlTemplate:"http://jgsw.gy.wodcloud.com/iserver/services/map-guizhou/wmts-china/guizhou/default/ChinaPublicServices_guizhou/{level}/{row}/{col}.png",
urlTemplate: "http://jgsw.gy.wodcloud.com/iserver/services/map-guizhou/wmts-china?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=guizhou&STYLE=default&FORMAT=image/png&TILEMATRIXSET=ChinaPublicServices_guizhou&tileMatrix={level}&tileRow={row}&tileCol={col}",
tileInfo: tileInfo,
spatialReference: new SpatialReference(4326),
}
);
var url = "https://apaas.wodcloud.com/mapsamples/static/data/JZD_CGCS2000_GK_108_3.json"
// var url = "../../data/JZD_CGCS2000_BEIDOU.json"
$.ajax({
type: "GET",
url: url,
dataType: "json",
timeout: 5000,
success: function (response) {
console.log(response)
loaddata(response);
},
error: function (xhr, status, err) {
alert("找不到数据");
}
});
var footprintlayer = new GraphicsLayer();
function loaddata(data) {
if (!data.features || !data.features.length) {
console.log("no data");
return;
}
var wkid = data.crs.properties.name.split(':')[1];
var features = data.features;
for (var i = 0; i < features.length; i++) {
var feature = features[i];
if (feature) {
var properties = feature.properties;
var reportor = properties.BUS_REPO_1 ? properties.BUS_REPO_1 : "匿名";
var happenedTime = properties.BUS_HAPPEN;
var happenedAddress = properties.BUS_ADDRES;
var description = properties.BUS_DESCRI;
var lon = feature.geometry.coordinates[0];
var lat = feature.geometry.coordinates[1];
var pt = new Point({
"x": lon,
"y": lat,
"spatialReference": new SpatialReference(wkid)
});
var symbol = new PictureMarkerSymbol("https://apaas.wodcloud.com/mapsamples/static/images/marker-yellow.png", 26, 37);
// var imgaeURL = require("../../../static/images/marker-yellow.png");
// var symbol = new PictureMarkerSymbol(imgaeURL,26, 37);
var attr = {
"name": reportor,
"happenedTime": happenedTime,
"happenedAddress": happenedAddress,
"detail": description
};
var graphic = new Graphic(pt, symbol, attr);
footprintlayer.add(graphic);
}
}
}
// 创建地图
var map = new Map();
map.add(layer);
//map.add(footprintlayer);
// 创建二维地图
var view = new MapView({
container: "viewDiv",
map: map,
center: [106.72, 26.585],
zoom: 10,
constraints: {
lods: tileInfo.lods,
snapToZoom: true
},
});
// var ml = new MapImageLayer({
// url: "http://apaasgis-zw.wodcloud.com/server/rest/services/GZ_LYJQZTT/MapServer",
// spatialReference: new SpatialReference(4326),
// })
// map.add(ml);
var measurementWidget = new DistanceMeasurement2D({
view: view
});
view.ui.add(measurementWidget, "top-right");
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
\ No newline at end of file
static/view/demo/page-2d_base_map.html 0 → 100644
View file @ 8d8d339b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>2D Base Map</title>
<link rel="stylesheet" href="https://apaas.wodcloud.com/api_4.x/esri/css/main.css">
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script>
require([
"esri/Map",
"esri/views/MapView"
], function(Map, MapView) {
var map = new Map({
basemap: "streets"
});
var view = new MapView({
container: "viewDiv",
map: map,
zoom: 4,
center: [108.3, 33.9]
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
\ No newline at end of file
static/view/demo/page-2d_base_popup.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-2d_buffer_analysis.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-2d_csvlayer.html 0 → 100644
View file @ 8d8d339b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title>CSVLayer - 4.11</title>
<link rel="stylesheet" href="https://apaas.wodcloud.com/api_4.x/esri/css/main.css">
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<script src="https://apaas.wodcloud.com/mapsamples/static/js/jquery-3.3.1.min.js"></script>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script>
require([
"esri/Map",
"esri/Basemap",
"esri/views/MapView",
"esri/layers/WebTileLayer",
"esri/layers/support/TileInfo",
"esri/layers/CSVLayer",
"esri/renderers/SimpleRenderer",
"esri/symbols/SimpleMarkerSymbol",
"esri/Color"
], function (Map, Basemap, MapView, WebTileLayer, TileInfo, CSVLayer, SimpleRenderer, SimpleMarkerSymbol, Color) {
// 通过瓦片形式加载天地图的
// 天地图根据投影分为两种：墨卡托和经纬度
// 设定瓦片信息，天地图经纬度地图的切片信息全部使用该信息设定
var tileInfo = new TileInfo({
dpi: 90.71428571427429, //解析度，即像素
rows: 256,
cols: 256,
compressionQuality: 0, //压缩像素值
origin: {
x: -180,
y: 90
},
spatialReference: {
wkid: 4326
},
lods: [ //定义平铺方案的细节级别数组
{
level: 1,
levelValue: 1,
resolution: 0.703125,
scale: 295497593.05875003
}, {
level: 2,
levelValue: 2,
resolution: 0.3515625,
scale: 147748796.52937502
}, {
level: 3,
levelValue: 3,
resolution: 0.17578125,
scale: 73874398.264687508
}, {
level: 4,
levelValue: 4,
resolution: 0.087890625,
scale: 36937199.132343754
}, {
level: 5,
levelValue: 5,
resolution: 0.0439453125,
scale: 18468599.566171877
}, {
level: 6,
levelValue: 6,
resolution: 0.02197265625,
scale: 9234299.7830859385
}, {
level: 7,
levelValue: 7,
resolution: 0.010986328125,
scale: 4617149.8915429693
}, {
level: 8,
levelValue: 8,
resolution: 0.0054931640625,
scale: 2308574.9457714846
}, {
level: 9,
levelValue: 9,
resolution: 0.00274658203125,
scale: 1154287.4728857423
}, {
level: 10,
levelValue: 10,
resolution: 0.001373291015625,
scale: 577143.73644287116
}, {
level: 11,
levelValue: 11,
resolution: 0.0006866455078125,
scale: 288571.86822143558
}, {
level: 12,
levelValue: 12,
resolution: 0.00034332275390625,
scale: 144285.93411071779
}, {
level: 13,
levelValue: 13,
resolution: 0.000171661376953125,
scale: 72142.967055358895
}, {
level: 14,
levelValue: 14,
resolution: 8.58306884765625e-005,
scale: 36071.483527679447
}, {
level: 15,
levelValue: 15,
resolution: 4.291534423828125e-005,
scale: 18035.741763839724
}, {
level: 16,
levelValue: 16,
resolution: 2.1457672119140625e-005,
scale: 9017.8708819198619
}, {
level: 17,
levelValue: 17,
resolution: 1.0728836059570313e-005,
scale: 4508.9354409599309
}, {
level: 18,
levelValue: 18,
resolution: 5.3644180297851563e-006,
scale: 2254.4677204799655
}, {
level: 19,
levelValue: 19,
resolution: 2.68220901489257815e-006,
scale: 1127.23386023998275
}, {
level: 20,
levelValue: 2,
resolution: 1.341104507446289075e-006,
scale: 563.616930119991375
}
]
});
// 在加载经纬度地图的时候我们需要使用 {subDomain}, {col}, {row}, {level}分别替换服务器列表，瓦片列编号，瓦片行编号，当前缩放(显示)级别
var tiledLayer = new WebTileLayer("http://{subDomain}.tianditu.gov.cn/vec_c/wmts?tk=61ea8586e4f4c5c8bfa980df475f1bdf&service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=c&TileMatrix={level}&TileRow={row}&TileCol={col}&style=default&format=tiles", {
subDomains: ["t1", "t2", "t3", "t4", "t5", "t6", "t7"],
tileInfo: tileInfo
});
var annomap = new WebTileLayer("http://{subDomain}.tianditu.gov.cn/cva_c/wmts?tk=61ea8586e4f4c5c8bfa980df475f1bdf&service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=c&TileMatrix={level}&TileRow={row}&TileCol={col}&style=default&format=tiles", {
subDomains: ["t1", "t2", "t3", "t4", "t5", "t6", "t7"],
tileInfo: tileInfo
});
// 天地图经纬度地图及注记作为底图
var tdtBasemap = new Basemap({
baseLayers: [tiledLayer, annomap],
title: "TDT Basemap",
id: "tdtBasemap",
spatialReference: {
wkid: 4326
},
});
// csv文件的url
var url = "https://apaas.wodcloud.com/mapsamples/static/data/stations.csv";
var template = {
title: "Weather Observation Station",
content: " {province} {st_name} on {ele} with id {stid}."
};
var csvLayer = new CSVLayer({
url: url,
copyright: "big-data",
popupTemplate: template,
elevationInfo: {
mode: "on-the-ground"
}
});
//csv图层的渲染配置
csvLayer.renderer = {
type: "simple",
symbol: {
type: "simple-marker",
size: 8,
color: [245,125,33],
outline: {
width: 1,
color: "white"
}
}
};
// 创建地图数据
var map = new Map({
basemap: tdtBasemap,
layers: [csvLayer]
});
// 创建二维地图视图
var view = new MapView({
map: map,
container: "viewDiv",
spatialReference: {
wkid: 4326
},
zoom: 4,
constraints: {
lods: tileInfo.lods,
snapToZoom: true
},
center: [108.3, 33.9]
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
\ No newline at end of file
static/view/demo/page-2d_featureEditor3.x.html 0 → 100644
View file @ 8d8d339b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>3.x编辑数据</title>
<link rel="stylesheet" href="https://apaas.wodcloud.com/api_3.x/esri/css/esri.css">
<link rel="stylesheet" href="https://apaas.wodcloud.com/api_3.x/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="https://apaas.wodcloud.com/api_3.x/esri/css/esri.css">
<style>
html,
body {
height: 100%;
width: 100%;
margin: 0;
overflow: hidden;
}
#map {
padding: 0;
}
#header {
font-size: 1.1em;
font-family: sans-serif;
padding-left: 1em;
padding-top: 4px;
color: #660000;
}
.templatePicker {
border: none;
}
.dj_ie .infowindow .window .top .right .user .content {
position: relative;
}
.dj_ie .simpleInfoWindow .content {
position: relative;
}
</style>
<script src="https://apaas.wodcloud.com/api_3.x/init.js"></script>
<script>
require(["esri/map",
"esri/tasks/GeometryService",
"esri/layers/ArcGISTiledMapServiceLayer",
"esri/layers/FeatureLayer",
"esri/Color",
"esri/symbols/SimpleMarkerSymbol",
"esri/symbols/SimpleLineSymbol",
"esri/dijit/editing/Editor",
"esri/dijit/editing/TemplatePicker",
"esri/config",
"dojo/i18n!esri/nls/jsapi",
"dojo/_base/array", "dojo/parser", "dojo/keys",
"dijit/layout/BorderContainer", "dijit/layout/ContentPane",
"dojo/domReady!"], function (Map, GeometryService,
ArcGISTiledMapServiceLayer, FeatureLayer,
Color, SimpleMarkerSymbol, SimpleLineSymbol,
Editor, TemplatePicker,
esriConfig, jsapiBundle,
arrayUtils, parser, keys) {
parser.parse();
jsapiBundle.toolbars.draw.start = jsapiBundle.toolbars.draw.start + "<br>Press <b>ALT</b> to enable snapping";
esriConfig.defaults.io.proxyUrl = "/proxy/";
esriConfig.defaults.geometryService = new GeometryService("http://apaas.mesh.gat.gz/arcgis/rest/services/Utilities/Geometry/GeometryServer");
map = new Map("map", {
basemap: "streets",
center: [120.0450645, 31.00552071],
zoom: 10
});
map.on("layers-add-result", initEditor);
//add boundaries and place names
// var labels = new ArcGISTiledMapServiceLayer("https://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer");
// map.addLayer(labels);
var responsePoints = new FeatureLayer("https://arcgisserver.wodcloud.com/arcgis/rest/services/guizhoutestTwo/FeatureServer/0", {
className: "线",
mode: FeatureLayer.MODE_ONDEMAND,
showAttribution: false,
showLabels: true,
outFields: ['*']
});
var responsePolys = new FeatureLayer("https://arcgisserver.wodcloud.com/arcgis/rest/services/guizhoutestTwo/FeatureServer/2", {
className: "网格",
mode: FeatureLayer.MODE_ONDEMAND,
showAttribution: false,
showLabels: true,
outFields: ['*']
});
map.addLayers([responsePolys, responsePoints]);
function initEditor(evt) {
var templateLayers = arrayUtils.map(evt.layers, function (result) {
return result.layer;
});
var templatePicker = new TemplatePicker({
featureLayers: templateLayers,
grouping: true,
rows: "auto",
columns: 3
}, "templateDiv");
templatePicker.startup();
var layers = arrayUtils.map(evt.layers, function (result) {
return { featureLayer: result.layer };
});
var settings = {
map: map,
templatePicker: templatePicker,
layerInfos: layers,
toolbarVisible: true,
toolbarOptions: {
reshapeVisible: true,
mergeVisible: true,
cutVisible: true,
},
createOptions: {
polylineDrawTools: [Editor.CREATE_TOOL_FREEHAND_POLYLINE],
polygonDrawTools: [Editor.CREATE_TOOL_FREEHAND_POLYGON,
Editor.EDIT_VERTICES,
Editor.CREATE_TOOL_CIRCLE,
Editor.CREATE_TOOL_TRIANGLE,
Editor.CREATE_TOOL_RECTANGLE,
]
}
};
var params = { settings: settings };
var myEditor = new Editor(params, 'editorDiv');
//define snapping options
var symbol = new SimpleMarkerSymbol(
SimpleMarkerSymbol.STYLE_CROSS,
15,
new SimpleLineSymbol(
SimpleLineSymbol.STYLE_SOLID,
new Color([255, 0, 0, 0.5]),
5
),
null
);
map.enableSnapping({
snapPointSymbol: symbol,
tolerance: 20,
snapKey: keys.ALT
});
myEditor.startup();
}
});
</script>
</head>
<body class="claro">
<div id="main" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline'"
style="width:100%;height:100%;">
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'left'"
style="width: 300px;overflow:hidden;">
<div id="templateDiv"></div>
<div id="editorDiv"></div>
</div>
<div data-dojo-type="dijit/layout/ContentPane" id="map" data-dojo-props="region:'center'"></div>
</div>
</body>
</html>
\ No newline at end of file
static/view/demo/page-2d_featureEditor3.x_guizhou.html 0 → 100644
View file @ 8d8d339b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>3.x编辑数据—贵州</title>
<link rel="stylesheet" href="http://apaas.mesh.gat.gz/api_3.x/esri/css/esri.css">
<link rel="stylesheet" href="http://apaas.mesh.gat.gz/api_3.x/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://apaas.mesh.gat.gz/api_3.x/esri/css/esri.css">
<style>
html,
body {
height: 100%;
width: 100%;
margin: 0;
overflow: hidden;
}
#map {
padding: 0;
}
#header {
font-size: 1.1em;
font-family: sans-serif;
padding-left: 1em;
padding-top: 4px;
color: #660000;
}
.templatePicker {
border: none;
}
.dj_ie .infowindow .window .top .right .user .content {
position: relative;
}
.dj_ie .simpleInfoWindow .content {
position: relative;
}
</style>
<script src="http://apaas.mesh.gat.gz/api_3.x/init.js"></script>
<script>
// 设定瓦片信息
var lods = [];
var minScale = 559082264.0287178;
var maxResolution = 1.40625;
var tempScale = minScale;
var tempResolution = maxResolution;
for (let i = 0; i <= 18; i++) {
let lod = {
"level": i,
"resolution": tempResolution,
"scale": tempScale
}
if (i >= 0) {
lods.push(lod);
}
tempScale = tempScale / 2;
tempResolution = tempResolution / 2;
}
require(["esri/map",
"esri/tasks/GeometryService",
"esri/layers/ArcGISTiledMapServiceLayer",
"esri/layers/FeatureLayer",
"esri/Color",
"esri/symbols/SimpleMarkerSymbol",
"esri/symbols/SimpleLineSymbol",
"esri/dijit/editing/Editor",
"esri/dijit/editing/TemplatePicker",
"esri/config",
"dojo/i18n!esri/nls/jsapi",
"dojo/_base/array", "dojo/parser", "dojo/keys",
"dijit/layout/BorderContainer", "dijit/layout/ContentPane",
"dojo/domReady!"], function (Map, GeometryService,
ArcGISTiledMapServiceLayer, FeatureLayer,
Color, SimpleMarkerSymbol, SimpleLineSymbol,
Editor, TemplatePicker,
esriConfig, jsapiBundle,
arrayUtils, parser, keys) {
//原先的配置
parser.parse();
jsapiBundle.toolbars.draw.start = jsapiBundle.toolbars.draw.start + "<br>Press <b>ALT</b> to enable snapping";
esriConfig.defaults.io.proxyUrl = "/proxy/";
esriConfig.defaults.geometryService = new GeometryService("hhttps://arcgisserver.wodcloud.com/arcgis/rest/services/Utilities/Geometry/GeometryServer");
// map = new Map("map", {
// basemap: "streets",
// center: [120.0450645, 31.00552071],
// zoom: 10
// });
//加载顺丰底图
var map = new Map("map", {
/*地图中心点*/
center: [106.720725933, 26.5453458492],
/*地图默认缩放等级*/
zoom: 8,
/*地图最大缩放等级*/
maxZoom: 18,
/*地图最小缩放等级*/
minZoom: 3,
/*关闭缩放按钮*/
// slider: false,
/*关闭logo*/
logo: false
});
// 设定瓦片信息，aPaaS底图的切片信息全部使用该信息设定
var tileInfo = new TileInfo({
dpi: 90.71428571427429,
rows: 256,
cols: 256,
compressionQuality: 0,
origin: {
x: -180,
y: 90
},
spatialReference: {
wkid: 4326
},
lods: lods
});
// aPaaS底图
// 在加载经纬度地图的时候我们需要使用 {col}, {row}, {level}分别替换服务器列表，瓦片列编号，瓦片行编号，当前缩放(显示)级别
// http://apaas.mesh.gat.gz/guizhou/wmts?token=2ce94f67e58faa24beb7cb8a09780552&service=WMTS&request=GetTile&VERSION=1.0.0&LAYER=sfmap&STYLE=default&TILEMATRIXSET=c&FORMAT=image/png&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}
var tiledlayer = WebTiledLayer("http://apaas.mesh.gat.gz/guizhou/wmts?token=2ce94f67e58faa24beb7cb8a09780552&service=WMTS&request=GetTile&VERSION=1.0.0&LAYER=sfmap&STYLE=default&TILEMATRIXSET=c&FORMAT=image/png&TILEMATRIX={level}&TILEROW={row}&TILECOL={col}", {
tileInfo: tileInfo
});
map.addLayer(tiledlayer);
map.on("layers-add-result", initEditor);
//add boundaries and place names
// var labels = new ArcGISTiledMapServiceLayer("https://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer");
// map.addLayer(labels);
var responseLines = new FeatureLayer("https://arcgisserver.wodcloud.com/arcgis/rest/services/guizhoutestTwo/FeatureServer/0", {
className: "线",
mode: FeatureLayer.MODE_ONDEMAND,
showAttribution: false,
showLabels: true,
outFields: ['*']
});
var responsePolys = new FeatureLayer("https://arcgisserver.wodcloud.com/arcgis/rest/services/guizhoutestTwo/FeatureServer/2", {
className: "网格",
mode: FeatureLayer.MODE_ONDEMAND,
showAttribution: false,
showLabels: true,
outFields: ['*']
});
map.addLayers([responsePolys, responseLines]);
function initEditor(evt) {
var templateLayers = arrayUtils.map(evt.layers, function (result) {
return result.layer;
});
var templatePicker = new TemplatePicker({
featureLayers: templateLayers,
grouping: true,
rows: "auto",
columns: 3
}, "templateDiv");
templatePicker.startup();
var layers = arrayUtils.map(evt.layers, function (result) {
return { featureLayer: result.layer };
});
var settings = {
map: map,
templatePicker: templatePicker,
layerInfos: layers,
toolbarVisible: true,
toolbarOptions: {
reshapeVisible: true,
mergeVisible: true,
cutVisible: true,
},
createOptions: {
polylineDrawTools: [Editor.CREATE_TOOL_FREEHAND_POLYLINE],
polygonDrawTools: [Editor.CREATE_TOOL_FREEHAND_POLYGON,
Editor.EDIT_VERTICES,
Editor.CREATE_TOOL_CIRCLE,
Editor.CREATE_TOOL_TRIANGLE,
Editor.CREATE_TOOL_RECTANGLE,
]
}
};
var params = { settings: settings };
var myEditor = new Editor(params, 'editorDiv');
//define snapping options
var symbol = new SimpleMarkerSymbol(
SimpleMarkerSymbol.STYLE_CROSS,
15,
new SimpleLineSymbol(
SimpleLineSymbol.STYLE_SOLID,
new Color([255, 0, 0, 0.5]),
5
),
null
);
map.enableSnapping({
snapPointSymbol: symbol,
tolerance: 20,
snapKey: keys.ALT
});
myEditor.startup();
}
});
</script>
</head>
<body class="claro">
<div id="main" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline'"
style="width:100%;height:100%;">
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'left'"
style="width: 300px;overflow:hidden;">
<div id="templateDiv"></div>
<div id="editorDiv"></div>
</div>
<div data-dojo-type="dijit/layout/ContentPane" id="map" data-dojo-props="region:'center'"></div>
</div>
</body>
</html>
\ No newline at end of file
static/view/demo/page-2d_featureEditor3.x_two.html 0 → 100644
View file @ 8d8d339b
<!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>Landuse</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.30/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="https://js.arcgis.com/3.30/esri/css/esri.css">
<style>
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
#header {
border: solid 2px #462d44;
background: #fff;
color: #444;
-moz-border-radius: 4px;
border-radius: 4px;
font-family: sans-serif;
font-size: 1.1em;
padding-left: 20px;
}
#map {
padding: 1px;
border: solid 2px #444;
-moz-border-radius: 4px;
border-radius: 4px;
}
#rightPane {
border: none;
padding: 0;
width: 228px;
}
.templatePicker {
border: solid 2px #444;
}
</style>
<script src="https://js.arcgis.com/3.30/"></script>
<script>
var map;
require([
"esri/map",
"esri/toolbars/draw",
"esri/toolbars/edit",
"esri/graphic",
"esri/config",
"esri/layers/FeatureLayer",
"esri/symbols/SimpleMarkerSymbol",
"esri/symbols/SimpleLineSymbol",
"esri/symbols/SimpleFillSymbol",
"esri/dijit/editing/TemplatePicker",
"dojo/_base/array",
"dojo/_base/event",
"dojo/_base/lang",
"dojo/parser",
"dijit/registry",
"dijit/layout/BorderContainer", "dijit/layout/ContentPane",
"dijit/form/Button", "dojo/domReady!"
], function (
Map, Draw, Edit, Graphic, esriConfig,
FeatureLayer,
SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol,
TemplatePicker,
arrayUtils, event, lang, parser, registry
) {
parser.parse();
// refer to "Using the Proxy Page" for more information: https://developers.arcgis.com/javascript/3/jshelp/ags_proxy.html
esriConfig.defaults.io.proxyUrl = "/proxy/";
// This service is for development and testing purposes only. We recommend that you create your own geometry service for use within your applications.
esriConfig.defaults.geometryService = new esri.tasks.GeometryService("https://utility.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");
map = new Map("map", {
basemap: "streets",
center: [120.0450645, 31.00552071],
zoom: 10
});
map.on("layers-add-result", initEditing);
var landusePointLayer = new FeatureLayer("https://arcgisserver.wodcloud.com/arcgis/rest/services/guizhoutestTwo/FeatureServer/0", {
mode: FeatureLayer.MODE_SNAPSHOT,
outFields: ["*"]
});
var landuseLineLayer = new FeatureLayer("https://arcgisserver.wodcloud.com/arcgis/rest/services/guizhoutestTwo/FeatureServer/1", {
mode: FeatureLayer.MODE_SNAPSHOT,
outFields: ["*"]
});
var landusePolygonLayer = new FeatureLayer("https://arcgisserver.wodcloud.com/arcgis/rest/services/guizhoutestTwo/FeatureServer/2", {
mode: FeatureLayer.MODE_SNAPSHOT,
outFields: ["*"]
});
map.addLayers([landusePolygonLayer, landuseLineLayer, landusePointLayer]);
function initEditing(evt) {
console.log("initEditing", evt);
// var map = this;
var currentLayer = null;
var layers = arrayUtils.map(evt.layers, function (result) {
return result.layer;
});
console.log("layers", layers);
var editToolbar = new Edit(map);
editToolbar.on("deactivate", function (evt) {
currentLayer.applyEdits(null, [evt.graphic], null);
});
arrayUtils.forEach(layers, function (layer) {
var editingEnabled = false;
layer.on("dbl-click", function (evt) {
event.stop(evt);
if (editingEnabled === false) {
editingEnabled = true;
editToolbar.activate(Edit.EDIT_VERTICES, evt.graphic);
} else {
currentLayer = this;
editToolbar.deactivate();
editingEnabled = false;
}
});
layer.on("click", function (evt) {
event.stop(evt);
if (evt.ctrlKey === true || evt.metaKey === true) { //delete feature if ctrl key is depressed
layer.applyEdits(null, null, [evt.graphic]);
currentLayer = this;
editToolbar.deactivate();
editingEnabled = false;
}
});
});
var templatePicker = new TemplatePicker({
featureLayers: layers,
rows: "auto",
columns: 2,
grouping: true,
style: "height: auto; overflow: auto;"
}, "templatePickerDiv");
templatePicker.startup();
var drawToolbar = new Draw(map);
var selectedTemplate;
templatePicker.on("selection-change", function () {
if (templatePicker.getSelected()) {
selectedTemplate = templatePicker.getSelected();
}
switch (selectedTemplate.featureLayer.geometryType) {
case "esriGeometryPoint":
drawToolbar.activate(Draw.POINT);
break;
case "esriGeometryPolyline":
drawToolbar.activate(Draw.POLYLINE);
break;
case "esriGeometryPolygon":
drawToolbar.activate(Draw.POLYGON);
break;
}
});
drawToolbar.on("draw-end", function (evt) {
drawToolbar.deactivate();
editToolbar.deactivate();
var newAttributes = lang.mixin({}, selectedTemplate.template.prototype.attributes);
var newGraphic = new Graphic(evt.geometry, null, newAttributes);
selectedTemplate.featureLayer.applyEdits([newGraphic], null, null);
});
}
});
</script>
</head>
<body class="claro">
<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="gutters:true, design:'headline'"
style="width:100%;height:100%;">
<div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'"></div>
<div id="rightPane" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'right'">
<div id="templatePickerDiv"></div>
</div>
</div>
</body>
</html>
\ No newline at end of file
static/view/demo/page-2d_findTaskLayers.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-2d_loadGeoJson.html 0 → 100644
View file @ 8d8d339b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>People Cluster</title>
<link rel="stylesheet" href="https://apaas.wodcloud.com/api_4.x/esri/css/main.css">
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<script src="https://apaas.wodcloud.com/mapsamples/static/js/jquery-3.3.1.min.js"></script>
<script src="https://apaas.wodcloud.com/mapsamples/static/config/mapconfig.js"></script>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script>
$(function () {
require([
"esri/Map",
"esri/Graphic",
"esri/Basemap",
"esri/views/MapView",
"esri/layers/WebTileLayer",
"esri/layers/support/TileInfo",
"esri/geometry/Point",
"esri/layers/MapImageLayer",
"esri/widgets/Search",
"esri/tasks/QueryTask",
"esri/tasks/support/Query",
"esri/layers/GraphicsLayer",
"esri/geometry/SpatialReference",
"esri/layers/VectorTileLayer",
"esri/symbols/PictureMarkerSymbol"
], function (Map, Graphic, Basemap, MapView, WebTileLayer, TileInfo, Point, MapImageLayer, Search, QueryTask, Query,
GraphicsLayer, SpatialReference,
VectorTileLayer, PictureMarkerSymbol) {
// 通过瓦片形式加载天地图的
// 天地图根据投影分为两种：墨卡托和经纬度
// 设定瓦片信息，天地图经纬度地图的切片信息全部使用该信息设定
var tiandituBaseUrl = "http://{subDomain}.tianditu.gov.cn"; //天地图服务地址
var token = "174705aebfe31b79b3587279e211cb9a"; //天地图token
var highlight;
//矢量地图(球面墨卡托投影)
var tiledLayer = new WebTileLayer({
urlTemplate:
tiandituBaseUrl + "/vec_w/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=vec&STYLE=default&FORMAT=tiles&TILEMATRIXSET=w&TILEMATRIX={level}&TILEROW={row}&TILECOL={col}&tk=" + token,
subDomains:
["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"]
});
//矢量注记(球面墨卡托投影)
var tiledLayerAnno = new WebTileLayer({
urlTemplate:
tiandituBaseUrl + "/cva_w/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&LAYER=cva&STYLE=default&FORMAT=tiles&TILEMATRIXSET=w&TILEMATRIX={level}&TILEROW={row}&TILECOL={col}&tk=" + token,
subDomains:
["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"]
});
// var map = new Map();
var tdtBasemap = new Basemap({
baseLayers: [tiledLayer, tiledLayerAnno],
title: "TDT Basemap",
id: "tdtBasemap",
spatialReference: {
wkid: 4326
},
});
//json格式的地理数据
var url = "https://apaas.wodcloud.com/mapsamples/static/data/JZD_CGCS2000_GK_108_3.json"
// var url = "../../data/JZD_CGCS2000_BEIDOU.json"
$.ajax({
type: "GET",
url: url,
dataType: "json",
timeout: 5000,
success: function (response) {
console.log(response)
loaddata(response);
},
error: function (xhr, status, err) {
alert("找不到数据");
}
});
var footprintlayer = new GraphicsLayer();
function loaddata(data) {
if (!data.features || !data.features.length) {
console.log("no data");
return;
}
var wkid = data.crs.properties.name.split(':')[1];
var features = data.features;
for (var i = 0; i < features.length; i++) {
var feature = features[i];
if (feature) {
var properties = feature.properties;
var reportor = properties.BUS_REPO_1 ? properties.BUS_REPO_1 : "匿名";
var happenedTime = properties.BUS_HAPPEN;
var happenedAddress = properties.BUS_ADDRES;
var description = properties.BUS_DESCRI;
var lon = feature.geometry.coordinates[0];
var lat = feature.geometry.coordinates[1];
var pt = new Point({
"x": lon,
"y": lat,
"spatialReference": new SpatialReference(wkid)
});
var symbol = new PictureMarkerSymbol("https://apaas.wodcloud.com/mapsamples/static/images/marker-yellow.png", 26, 37);
// var imgaeURL = require("../../../static/images/marker-yellow.png");
// var symbol = new PictureMarkerSymbol(imgaeURL,26, 37);
var attr = {
"name": reportor,
"happenedTime": happenedTime,
"happenedAddress": happenedAddress,
"detail": description
};
var graphic = new Graphic(pt, symbol, attr);
footprintlayer.add(graphic);
}
}
}
const search = new Search({
view: view,
resultGraphicEnabled: false,
popupEnabled: false
});
//叠加要查询的图层
//查询图层的地址
mapserverUrl = "https://apaasgis.wodcloud.com/server/rest/services/GZ_YYLZTT/MapServer";
var mapLayer = new MapImageLayer({
url: mapserverUrl
});
var map = new Map({
basemap: tdtBasemap,
layers: [footprintlayer]
});
//arcgisserver的View
var view = new MapView({
container: "viewDiv",
map: map,
center: [106.720725933, 26.5453458492],
scale: 144285.93411071779
});
// map.add(footprintlayer);
// // 创建二维地图
// var view = new MapView({
// map: map,
// container: "viewDiv",
// spatialReference: {
// wkid: 4326
// },
// zoom: 16,
// constraints: {
// lods: tileInfo.lods,
// snapToZoom: true
// },
// center: [119.636832387, 30.944171371]
// });
view.ui.add(search, {
position: "top-right"
});
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
<div class="esri-widget" id="optionsDiv">
<h2>过滤条件</h2>
<br />
<label for="province">省 ： </label>
<select class="esri-widget" id="valSelect">
<option value="北京">北京市</option>
<option value="湖北">湖北省</option>
<option value="天津">天津市</option>
<option value="上海">上海市</option>
<option value="江苏">江苏省</option>
</select>
<br />
<label for="name">站点名称:</label>
<input id="st_name" type="text">
<button class="esri-widget" id="doBtn">检索</button> <br />
<p><span id="printResults"></span></p>
</div>
</body>
</html>
\ No newline at end of file
static/view/demo/page-2d_loadGeometry.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-2d_loadjson.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-2d_query.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-2d_queryStatistic.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-2d_videoView.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-2dto3d.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-3.xmovelayer.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-3d_base_map.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-3d_csvlayer.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-arcgis_load_geoserver_wmts.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-basic_web_map.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-buffer.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-bus_line.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-echarts_web_map.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-editFeatures.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-featurelayer.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-flareClusterLayer.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-fz_map.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-geocoding.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-geoserver_tms.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-heatmap.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-linebuffer.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-manage_layers.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-migrate.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-migrate2.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-movinglayer.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-multilayer3search.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-multilayer4search.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-multilayersandfeilds_3search.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-ol_load_geoserver_wmts.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-ol_tms_mapserver.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-peoplecluster.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-pointshine_map.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-simplesearch.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-sliderZoom.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-tdt_wmts_map.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-test.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-test2.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-test3.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-video_web_map.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
static/view/demo/page-webmap_test.html 0 → 100644
View file @ 8d8d339b
This diff is collapsed.
yarn.lock
View file @ 8d8d339b
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment