矢量圖標(biāo)及類參考
                編輯時(shí)間:2017-03-03

                bbb.jpg



                上圖效果JS代碼示例:

                <script type="text/javascript">
                       
                // 創(chuàng)建Map實(shí)例
                       
                var map = new BMap.Map("allmap", {enableMapClick:false});
                       
                // 設(shè)置地圖背景色為白色
                       
                map.getContainer().style.background = '#FFF';
                       
                var point = new BMap.Point(104.074362,30.540276);
                       
                map.centerAndZoom(point, 5);

                       
                var vectorFCArrow = new BMap.Marker(new BMap.Point(point.lng-0.01,point.lat), {
                       
                // 初始化方向向上的閉合箭頭
                       
                icon: new BMap.Symbol(BMap_Symbol_SHAPE_FORWARD_CLOSED_ARROW, {
                        scale:
                5,
                       
                strokeWeight: 1,
                       
                rotation: 90,//順時(shí)針旋轉(zhuǎn)90
                       
                fillColor: 'red',
                       
                fillOpacity: 0.5
                       
                })
                        })
                ;

                       
                map.addOverlay(vectorFCArrow);
                       
                // 隱藏方法
                       
                function hide(){
                        vectorFCArrow.hide()
                ;
                       
                }
                       
                // 顯示方法
                       
                function show(){
                        vectorFCArrow.show()
                ;
                       
                }
                </script>

                類參考

                Symbol

                此類表示通過svg的path string創(chuàng)建的矢量圖標(biāo)類。

                構(gòu)造函數(shù)描述
                Symbol(path: String | SymboShapeType, opts: SymbolOptions)創(chuàng)建一個(gè)矢量圖標(biāo)實(shí)例。path為svg中的path字符串或者已定義的符號常量,opts為矢量圖標(biāo)的樣式
                方法返回值描述
                setPath(path: string | SymbolShape)none設(shè)置矢量圖標(biāo)的路徑
                setAnchor(anchor: Size)none設(shè)置矢量圖標(biāo)的定位點(diǎn),該定位點(diǎn)的位置以圖標(biāo)自身為基準(zhǔn)
                setRotation(rotation: number)none設(shè)置矢量圖標(biāo)的旋轉(zhuǎn)角度,參數(shù)為角度
                setScale(scale: number)none設(shè)置矢量圖標(biāo)的縮放比例
                setStrokeWeight(strokeWeight: number)none設(shè)置矢量圖標(biāo)的線寬
                setStrokeColor(color: string)none設(shè)置矢量圖標(biāo)的線填充顏色,支持顏色常量字符串、十六進(jìn)制、RGB、RGBA等格式
                setStrokeOpacity(opacity: number)none設(shè)置矢量圖標(biāo)線的透明度,opacity范圍0~1
                setFillOpacity(opacity: number)none設(shè)置矢量圖標(biāo)填充透明度,opacity范圍0~1
                setFillColor(color: string)none設(shè)置矢量圖標(biāo)的填充顏色。支持顏色常量字符串、十六進(jìn)制、RGB、RGBA等格式

                SymbolOptions

                此類表示Symbol構(gòu)造函數(shù)的可選參數(shù)。它沒有構(gòu)造函數(shù),但可通過對象字面量形式表示。

                屬性類型描述
                anchorSize符號的位置偏移值
                fillColorstring設(shè)置矢量圖標(biāo)的填充顏色。支持顏色常量字符串、十六進(jìn)制、RGB、RGBA等格式
                fillOpacityNumber設(shè)置矢量圖標(biāo)填充透明度,范圍0~1
                scaleNumber設(shè)置矢量圖標(biāo)的縮放比例
                rotationNumber設(shè)置矢量圖標(biāo)的旋轉(zhuǎn)角度,參數(shù)為角度
                strokeColorstring設(shè)置矢量圖標(biāo)的線填充顏色,支持顏色常量字符串、十六進(jìn)制、RGB、RGBA等格式
                strokeOpacityNumber設(shè)置矢量圖標(biāo)線的透明度,opacity范圍0~1
                strokeWeightNumber旋設(shè)置線寬。如果此屬性沒有指定,則線寬跟scale數(shù)值相同

                SymbolShapeType

                此枚舉類型表示矢量圖標(biāo)類預(yù)設(shè)的圖標(biāo)樣式

                常量描述
                BMap_Symbol_SHAPE_CIRCLE圓形,默認(rèn)半徑為1px
                BMap_Symbol_SHAPE_RECTANGLE矩形,默認(rèn)寬度4px、高度2px
                BMap_Symbol_SHAPE_RHOMBUS菱形,默認(rèn)外接圓半徑10px
                BMap_Symbol_SHAPE_STAR五角星,五角星外接圓半徑為10px
                BMap_Symbol_SHAPE_BACKWARD_CLOSED_ARROW箭頭方向向下的閉合箭頭
                BMap_Symbol_SHAPE_FORWARD_CLOSED_ARROW箭頭方向向上的閉合箭頭
                BMap_Symbol_SHAPE_BACKWARD_OPEN_ARROW箭頭方向向下的非閉合箭頭
                BMap_Symbol_SHAPE_FORWARD_OPEN_ARROW箭頭方向向上的非閉合箭頭
                BMap_Symbol_SHAPE_POINT定位點(diǎn)圖標(biāo)
                BMap_Symbol_SHAPE_PLANE預(yù)設(shè)的飛機(jī)形狀
                BMap_Symbol_SHAPE_CAMERA預(yù)設(shè)的照相機(jī)形狀
                BMap_Symbol_SHAPE_WARNING預(yù)設(shè)的警告符號
                BMap_Symbol_SHAPE_SMILE預(yù)設(shè)的笑臉形狀
                BMap_Symbol_SHAPE_CLOCK預(yù)設(shè)的鐘表形狀


                微信掃碼添加客服
                400-028-7262
                聯(lián)系我們
                主站蜘蛛池模板: 一个人hd高清在线观看免费直播| 你懂的在线视频网站| 99re国产精品| 无码人妻一区二区三区免费看| 亚洲日本一区二区三区在线不卡| 美国式禁忌交换伴侣| 国产欧美日韩在线观看无需安装 | 九九热在线视频观看这里只有精品| 丁香婷婷在线观看| 欧美不卡视频一区发布| 免费一级特黄特色大片在线| 久久久国产精品无码免费专区| swag在线观看| 日韩伦人妻无码| 亚洲欧美日韩中文字幕一区二区三区 | 中出五十路免费视频| 最新电影天堂快影eeuss| 亚洲精品乱码久久久久久蜜桃| 美女扒开裤子让男人桶视频| 国产成人精品午夜福利| 91精品国产高清久久久久久91| 成人h动漫精品一区二区无码| 久久狠狠爱亚洲综合影院| 欧美日韩一二区| 人妻精品久久久久中文字幕一冢本| 老鸭窝laoyawo国产精品| 国产成人艳妇aa视频在线| 91中文字幕yellow字幕网| 妺妺窝人体色WWW在线观看| 亚洲日韩一区精品射精| 精品国产人成亚洲区| 国产亚洲欧美另类专区| 四虎在线免费视频| 在线成人播放毛片| √8天堂资源地址中文在线| 无码熟熟妇丰满人妻啪啪软件| 久久青草91免费观看| 第四色最新网站| 国产一区在线观看免费| 黄页网址免费大全观看| 夭天干天天做天天免费看|