Advertisement

给定两点坐标,添加轨迹

阅读量:
复制代码
    <!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)

还没有任何评论哟~