亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

高德地圖 Javascript API 入門(mén)（二）

dockerclub / 2257人閱讀

摘要：鼠標(biāo)在地圖上拉框即可繪制相應(yīng)的矩形。鼠標(biāo)在地圖上單擊繪制量測(cè)區(qū)域，鼠標(biāo)左鍵雙擊或右鍵單擊結(jié)束當(dāng)前量測(cè)操作，并顯示本次量測(cè)結(jié)果。參數(shù)設(shè)為時(shí)，鼠標(biāo)操作關(guān)閉的同時(shí)清除地圖上繪制的所有覆蓋物對(duì)象設(shè)為時(shí)，保留所繪制的覆蓋物對(duì)象。

高德地圖 Javascript API 入門(mén)（二） 鼠標(biāo)工具插件 測(cè)量距離

JS

    map.plugin(["AMap.MouseTool"],function () {
        var mouseTool=new AMap.MouseTool(map);
        mouseTool.rule();
    });

預(yù)覽

測(cè)量面積

JS

    map.plugin(["AMap.MouseTool"],function () {
        var mouseTool=new AMap.MouseTool(map);
        mouseTool.measureArea();
    });

預(yù)覽

繪制點(diǎn)標(biāo)注

JS

    map.plugin(["AMap.MouseTool"],function () {
        var mouseTool=new AMap.MouseTool(map);
        mouseTool.marker();
    });

預(yù)覽

繪制折線

JS

    map.plugin(["AMap.MouseTool"],function () {
        var mouseTool=new AMap.MouseTool(map);
        mouseTool.polyline();
    });

預(yù)覽

繪制多邊形

JS

    map.plugin(["AMap.MouseTool"],function () {
        var mouseTool=new AMap.MouseTool(map);
        mouseTool.polygon();
    });

預(yù)覽

繪制矩形

JS

    map.plugin(["AMap.MouseTool"],function () {
        var mouseTool=new AMap.MouseTool(map);
        mouseTool.rectangle();
    });

預(yù)覽

繪制圓

JS

    map.plugin(["AMap.MouseTool"],function () {
        var mouseTool=new AMap.MouseTool(map);
        mouseTool.circle();
    });

預(yù)覽

全部功能
方法 返回值 說(shuō)明
marker( options：MarkerOptions)
?		 開(kāi)啟鼠標(biāo)畫(huà)點(diǎn)標(biāo)注模式。鼠標(biāo)在地圖上單擊繪制點(diǎn)標(biāo)注，標(biāo)注樣式參考MarkerOptions設(shè)置
polyline( options：PolylineOptions)
開(kāi)啟鼠標(biāo)畫(huà)折線模式。鼠標(biāo)在地圖上點(diǎn)擊繪制折線，鼠標(biāo)左鍵雙擊或右鍵單擊結(jié)束繪制，折線樣式參考PolylineOptions設(shè)置
polygon( options：PolygonOptions)
開(kāi)啟鼠標(biāo)畫(huà)多邊形模式。鼠標(biāo)在地圖上單擊開(kāi)始繪制多邊形，鼠標(biāo)左鍵雙擊或右鍵單擊結(jié)束當(dāng)前多邊形的繪制，多邊形樣式參考PolygonOptions設(shè)置
rectangle( options：PolygonOptions)
開(kāi)啟鼠標(biāo)畫(huà)矩形模式。鼠標(biāo)在地圖上拉框即可繪制相應(yīng)的矩形。矩形樣式參考PolygonOptions設(shè)置
circle( options：CircleOptions)
開(kāi)啟鼠標(biāo)畫(huà)圓模式。鼠標(biāo)在地圖上拖動(dòng)繪制相應(yīng)的圓形。圓形樣式參考CircleOptions設(shè)置
rule( options：PolylineOptions)
開(kāi)啟距離量測(cè)模式。鼠標(biāo)在地圖上單擊繪制量測(cè)節(jié)點(diǎn)，并計(jì)算顯示兩兩節(jié)點(diǎn)之間的距離，鼠標(biāo)左鍵雙擊或右鍵單擊結(jié)束當(dāng)前量測(cè)操作。量測(cè)線樣式參考 PolylineOptions 設(shè)置注：不能同時(shí)使用rule方法和RangTool插件進(jìn)行距離量測(cè)
measureArea( options：PolygonOptions)
開(kāi)啟面積量測(cè)模式。鼠標(biāo)在地圖上單擊繪制量測(cè)區(qū)域，鼠標(biāo)左鍵雙擊或右鍵單擊結(jié)束當(dāng)前量測(cè)操作，并顯示本次量測(cè)結(jié)果。量測(cè)面樣式參考PolygonOptions設(shè)置
rectZoomIn( options：PolygonOptions)
開(kāi)啟鼠標(biāo)拉框放大模式。鼠標(biāo)可在地圖上拉框放大地圖。矩形框樣式參考PolygonOptions設(shè)置
rectZoomOut( options：PolygonOptions)
開(kāi)啟鼠標(biāo)拉框縮小模式。鼠標(biāo)可在地圖上拉框縮小地圖。矩形框樣式參考PolygonOptions設(shè)置
close( Boolean)
關(guān)閉當(dāng)前鼠標(biāo)操作。參數(shù)arg設(shè)為true時(shí)，鼠標(biāo)操作關(guān)閉的同時(shí)清除地圖上繪制的所有覆蓋物對(duì)象；設(shè)為false時(shí)，保留所繪制的覆蓋物對(duì)象。默認(rèn)為false
#### 自定義覆蓋物樣式（以折線為例 Polyline） JS 
    map.plugin(["AMap.MouseTool"],function () {
        var mouseTool=new AMap.MouseTool(map);
        mouseTool.polyline({
            strokeColor:"#f50", // 線條顏色，十六進(jìn)制
            strokeOpacity:0.5, // 線條透明度
            strokeWeight:10, // 線條寬度
            strokeStyle:"dashed" // 線條樣式 solid || dashed
        });
    });

更多詳細(xì)參數(shù)參考 http://lbs.amap.com/api/javascript-api/reference/overlay#PolylineOptions

預(yù)覽

參考來(lái)源：http://lbs.amap.com/
作者：Yangfan

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/81680.html

相關(guān)文章

  • 高德地圖 Javascript API 入門(mén)（一）

    摘要：高德地圖入門(mén)一準(zhǔn)備工作首先注冊(cè)個(gè)開(kāi)發(fā)者賬號(hào)然后創(chuàng)建應(yīng)用，獲取新建文件，在標(biāo)簽中引入如下代碼把你的值填入即可您申請(qǐng)的值創(chuàng)建設(shè)置地圖容器地圖初始化創(chuàng)建地圖設(shè)置地圖參數(shù)可以通過(guò)以下設(shè)置也可通過(guò)對(duì)象的方法設(shè)置預(yù)覽個(gè)性化地圖改變地圖樣式目前支持五種地 高德地圖 Javascript API 入門(mén)（一） 準(zhǔn)備工作 首先注冊(cè)個(gè)開(kāi)發(fā)者賬號(hào) showImg(https://segmentfault.co...

    jone5679 評(píng)論0 收藏0

  • 高德地圖 Javascript API 入門(mén)（七）

    摘要：高德地圖入門(mén)七熱力圖插件簡(jiǎn)單例子顯示地圖坐標(biāo)點(diǎn)加載熱力圖插件預(yù)覽參數(shù)構(gòu)造函數(shù)說(shuō)明構(gòu)造一個(gè)熱力圖插件對(duì)象，為要疊加熱力圖的地圖對(duì)象，屬性參考列表中的說(shuō)明。 高德地圖 Javascript API 入門(mén)（七） 熱力圖插件 簡(jiǎn)單例子 // 顯示地圖 var map=new AMap.Map(container,{ resizeEnable:true, center:[116....

    YuboonaZhang 評(píng)論0 收藏0

  • 高德地圖 Javascript API 入門(mén)（六）

    摘要：高德地圖入門(mén)六出行規(guī)劃公交路徑公交換乘服務(wù)，提供起終點(diǎn)公交路線規(guī)劃服務(wù)，整合步行方式初始化加載公交線路插件實(shí)例化北京必須值，搭乘公交所在城市可選值，搜索結(jié)果的標(biāo)注線路等均會(huì)自動(dòng)添加到此地圖上可選值，顯示搜索列表的容器可選值，詳細(xì)信息駕駛策略 高德地圖 Javascript API 入門(mén)（六） 出行規(guī)劃 公交路徑 公交換乘服務(wù)，提供起、終點(diǎn)公交路線規(guī)劃服務(wù)，整合步行方式 初始化 // 加...

    idisfkj 評(píng)論0 收藏0

  • 高德地圖 Javascript API 入門(mén)（三）

    摘要：高德地圖入門(mén)三距離測(cè)量插件區(qū)別雖然鼠標(biāo)工具插件也提供距離量測(cè)功能，但是距離量測(cè)插件，提供更為豐富的樣式設(shè)置功能。 高德地圖 Javascript API 入門(mén)（三） 距離測(cè)量插件 區(qū)別 雖然鼠標(biāo)工具插件也提供距離量測(cè)功能，但是距離量測(cè)插件，提供更為豐富的樣式設(shè)置功能。 加載插件 JS map.plugin([AMap.RangingTool],function () { ...

    EdwardUp 評(píng)論0 收藏0

  • 高德地圖 Javascript API 入門(mén)（四）

    摘要：高德地圖入門(mén)四地圖覆蓋物覆蓋物類(lèi)名說(shuō)明是否插件點(diǎn)標(biāo)記否覆蓋物點(diǎn)標(biāo)記復(fù)雜點(diǎn)標(biāo)記對(duì)象，對(duì)普通點(diǎn)標(biāo)記的擴(kuò)展否覆蓋物折線否覆蓋物多邊形否覆蓋物圓否圖片覆蓋物否地圖右鍵菜單否點(diǎn)標(biāo)記預(yù)覽自定義點(diǎn)標(biāo)記預(yù)覽多邊形預(yù)覽右鍵菜單添加右鍵菜單內(nèi)容項(xiàng)放大縮小添加 高德地圖 Javascript API 入門(mén)（四） 地圖覆蓋物 覆蓋物 類(lèi)名 說(shuō)明 是否插件 AMap.Marker 點(diǎn)標(biāo)記 否 AM...

    AlanKeene 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<