<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="http://localhost:/arcgis_js_api/library/3.20/3.20/esri/css/esri.css" />
<link rel="stylesheet" href="http://localhost:/arcgis_js_api/library/3.20/3.20/dijit/themes/tundra/tundra.css" />
<script src="http://localhost:/arcgis_js_api/library/3.20/3.20/init.js"></script>
<script src="http://localhost:/Scripts/jquery-1.10.2.js"></script>
<style>
html, body, #mapDiv {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="info">
<button id="Point">Point</button>
<button id="Multipoint">Multipoint</button>
<button id="Line">Line</button>
<button id="Polyline">Polyline</button>
<button id="FreehandPolyline">Freehand Polyline</button>
<button id="Triangle">Triangle</button>
<button id="Extent">Rectangle</button>
<button id="Circle">Circle</button>
<button id="Ellipse">Ellipse</button>
<button id="Polygon">Polygon</button>
<button id="FreehandPolygon">Freehand Polygon</button>
</div>
<div id="mapDiv"></div>
<div id="jingweidu" style="width:200px;height:25px;background-color:aliceblue;display:block;"></div>
</body>
</html>
<script>
var jsondata = [{ "lat": "39.925", "lon": "116.445", "type": "a" }];
var map, tb;
require([
"esri/map",
"esri/toolbars/draw",
"esri/symbols/SimpleMarkerSymbol",
"esri/symbols/SimpleLineSymbol",
"esri/symbols/SimpleFillSymbol",
"esri/symbols/PictureFillSymbol",
"esri/symbols/CartographicLineSymbol",
"esri/graphic",
"esri/Color",
"dojo/dom",
"dojo/on",
"dojo/request",
"esri/InfoTemplate",
"esri/geometry/Point",
"esri/symbols/PictureMarkerSymbol",
"esri/graphic",
"esri/layers/GraphicsLayer",
"dojo/domReady!"
], function (
Map, Draw,
SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol,
PictureFillSymbol, CartographicLineSymbol,
Graphic,
Color, dom, on,
request, InfoTemplate, Point, PictureMarkerSymbol, Graphic, GraphicsLayer
) {
map = new Map("mapDiv", {
logo: false,
center: [98.01, 33.80],
zoom: 5,
basemap: "osm" //可以设置其他值,https://www.cnblogs.com/myfgis/p/5709079.html 总结
});
//可自定义添加图层
//矢量
//var vectorLayer = WebTiledLayer('http://${subDomain}.tianditu.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=til