给定两点坐标,添加轨迹
发布时间
阅读量:
阅读量
<!DOCTYPE **html** >
<**html** >
<**head****lang=****"en"** >
<**meta****charset=****"UTF-8"** >
<**title** ></**title** >
<**link****rel=****"stylesheet"****type=****"text/css"****href=****"/arcgis_js_api/library/3.15/esri/css/esri.css"** >
<**link****rel=****"stylesheet"****type=****"text/css"****href=****"/arcgis_js_api/library/3.15/dijit/themes/claro/claro.css"** >
</**head** >
<**body** >
<**table** >
<**tr** >
<**td** >
<**div****id=****"map"****style=****"****width** :950**px** ; **height** :800**px** ;**border** :1**px solid****#000** ;**"** ></**div** >
</**td** >
<**td** >
<**input****id=****"Button1"****type=****"button"****value=****"两点路径"****οnclick=****"**_showPath_(**_map_**)**"** />
</**td** >
</**tr** >
</**table** >
<**script****src=****"/arcgis_js_api/library/3.15/init.js"** ></**script** >
<**script** >
**var**** _map_** ;
**function** _init_(){
_require_([
**"esri/map"** ,
**"esri/layers/ArcGISTiledMapServiceLayer"******],**function**(Map,ArcGISTiledMapServiceLayer){
**_map_** =**new** Map(**'map'**);
**var** baseMapLayer=**new** ArcGISTiledMapServiceLayer(‘ _此处为切片服务地址_ ’);
**_map_**.addLayer(baseMapLayer);
baseMapLayer.on(**'load'** ,**function**(){
**_map_**.setExtent(**layer**.**initialExtent**);
});
});
}
dojo.addOnLoad(_init_);
**function** _showPath_(map){
_require_([
**"esri/layers/GraphicsLayer"** ,
**"esri/geometry/Polyline"** ,**"esri/geometry/Point"** ,
**"esri/symbols/SimpleLineSymbol"** ,
**"esri/graphic"** ,
**"esri/Color"**********], **function**(GraphicsLayer,
Polyline,Point,
SimpleLineSymbol,
Graphic,
Color ) {
**var** pt1=**new** Point( {**"x"** :2262826.1689284374, **"y"** : 548956.7494148497, **"spatialReference"** : {**"wkid"** : 102021 } });
**var** pt2=**new** Point( {**"x"** :2261863.0518302172, **"y"** : 548038.0813060887, **"spatialReference"** : {**"wkid"** : 102021 } });
**var** points = [pt1, pt2];
_//create polyline_ __**var** polyline = **new****esri**.**geometry**.**Polyline**(map.**spatialReference**);
polyline.addPath(points);
**var** symbol = **new** SimpleLineSymbol(SimpleLineSymbol.**STYLE_SOLID** ,
**new** Color([0, 255, 0]),
2
);
_//create graphic_ __**var** line = **new****esri**.**Graphic**(polyline, symbol);
_//add graphic to map_ __ map.**graphics**.add(line);
});
}
</**script** >
</**body** >
</**html** >
全部评论 (0)
还没有任何评论哟~
