<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Simple Map</title>
<link rel="stylesheet" type="text/css"
href="http://127.0.0.1/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="http://127.0.0.1/arcgis_js_api/library/3.16/3.16/esri/css/esri.css"/>
<script type="text/javascript" src="http://127.0.0.1/arcgis_js_api/library/3.16/3.16/init.js"></script>
<script type="text/javascript">
require([
"esri/map", "esri/geometry/Point", "esri/SpatialReference",
"esri/symbols/SimpleMarkerSymbol", "esri/graphic","esri/InfoTemplate"
], function (Map, Point, SpatialReference, SimpleMarkerSymbol, Graphic,InfoTemplate) {
map = new Map("mapDiv",{
basemap:"osm",
center: [117.12277857421876, 36.632967052981364],
zoom:4,
});
map.on("load",doh);
function doh() {
var polyline = new esri.geometry.Polyline([[117, 36],[119, 35],[122, 31],[56, 38],[67, 30]]);
var symbol = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255,0,0]), 2);
var graphic = new esri.Graphic(polyline, symbol);
map.graphics.add(graphic);
}
});
</script>
</head>
<body class="tundra">
<div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
</body>
</html>
arcgis for js 开发系列之地图添加折线
猜你喜欢
转载自blog.csdn.net/chuoju1801/article/details/85334658
今日推荐
周排行