arcgis for js 開發系列之地圖新增折線
阿新 • • 發佈:2018-12-29
<!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>