1. 程式人生 > >百度地圖新增帶有圖案的多邊形區域

百度地圖新增帶有圖案的多邊形區域

日常的工作中繪製多邊形區域可以設定單色矩形區域,但是特殊需求下,需要繪製指定圖案的邊框,下面就簡單實現下

多種顏色矩形


 /**
     * 繪製圍欄
     */
    private void drawBitmapDescriptor(List<LatLng> points) {
        BitmapDescriptor custom1 = BitmapDescriptorFactory
                .fromResource(R.mipmap.icon_road_red_arrow);
        BitmapDescriptor custom2 = BitmapDescriptorFactory
                .fromResource(R.mipmap.icon_road_green_arrow);
        BitmapDescriptor custom3 = BitmapDescriptorFactory
                .fromResource(R.mipmap.icon_road_blue_arrow);

        //構造紋理佇列
        List<BitmapDescriptor> customList = new ArrayList<>();
        customList.add(custom1);
        customList.add(custom2);
        customList.add(custom3);
        List<Integer> index = new ArrayList<>();
        index.add(0);
        index.add(1);
        index.add(2);
        //構造物件
        OverlayOptions ooPolyline = new PolylineOptions().width(25).dottedLine(true).color(0xAAFF0000).points(points)
                .customTextureList(customList).textureIndex(index);
        //新增到地圖
        mBaiduMap.addOverlay(ooPolyline);


    }
單色多邊形


 /**
     * 繪製圍欄
     */
    private void drawBitmapDescriptor(List<LatLng> points) {
        BitmapDescriptor custom1 = BitmapDescriptorFactory
                .fromResource(R.mipmap.icon_road_red_arrow1);
        //構造紋理佇列
        List<BitmapDescriptor> customList = new ArrayList<>();
        customList.add(custom1);
        List<Integer> index = new ArrayList<>();
        index.add(0);
        //構造物件
        OverlayOptions ooPolyline = new PolylineOptions().width(25).dottedLine(true).color(0xAAFF0000).points(points)
                .customTextureList(customList).textureIndex(index);
        //新增到地圖
        mBaiduMap.addOverlay(ooPolyline);


    }

可以看出其實單色和多色區別在於customList中的圖片數量,想要更絢麗的效果,大家自行發揮。

其中width用於設定邊框的寬度,dotterLine用於設定兩個圖片拼接中間是否有分割點,points是傳入的經緯度集合,customTextureList是邊框樣式

textureIndex是指新增的邊框集合中的索引,如果有多張圖的話,index索引的變化會改變邊框矩形樣式,如果custonTextureList中只有一個樣式的話,則index中新增幾次都只顯示一種樣式。

相關推薦

地圖新增帶有圖案多邊形區域

日常的工作中繪製多邊形區域可以設定單色矩形區域,但是特殊需求下,需要繪製指定圖案的邊框,下面就簡單實現下 多種顏色矩形 /** * 繪製圍欄 */ private void drawBitmapDescriptor(List<LatLn

js呼叫地圖介面繪製任意多邊形並獲取每個點的經緯度等

來自:https://blog.csdn.net/u013239236/article/details/52213977 侵刪 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"

地圖新增搜尋懸浮窗功能

來自:https://www.2cto.com/kf/201701/587448.html 侵刪<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/htm

點選地圖新增標註並獲取當前地理名稱

html部分: <div id="allmap"></div> <style type="text/css"> body, html{width: 100%;height: 100%;overflow: hidden;margi

地圖新增自定義Marker+顯示覆蓋層次優先順序

實際專案中經常會整合地圖,今天就只談談百度地圖新增自定義Marker這一部分,希望對百度地圖整合有這部分需求的小夥伴能有一些幫助。 百度地圖文件裡面對marker的新增只是很簡短的說了常用的新增圖示,但是如果專案中的需求有時候往往需要佈局比較複雜的覆蓋物 如果專案需求

地圖新增marker並獲取InfoWindow裡面的內容,實現marker的增加、刪除、編輯

<!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="

222.map4-地圖新增覆蓋物

所有疊加或覆蓋到地圖的內容,我們統稱為地圖覆蓋物。如標註、向量圖形元素(包括:折線和多邊形和圓)、定點陣圖標等。覆蓋物擁有自己的地理座標,當您拖動或縮放地圖時,它們會相應的處理。 覆蓋物包括:本地覆蓋物和搜尋覆蓋物 本地覆蓋物的抽象基類:OverlayOptions(核心類

地圖新增覆蓋物層級在點聚合之上

頁面的地圖中加上了點聚合,後來提出需求要把推送過來的最新點處插上小旗子。普通的Marker會被聚合圖片覆蓋,自定義的覆蓋物也是跟普通Marker在一個容器。又試了富Marker,還是不行。這個問題困擾了我許久。用setTop和setZindex也是隻是在同一個容器中區分層級。 後來發現資訊視窗的

使用地圖新增覆蓋物和文字的方法

近期專案中使用百度地圖做一些專案,涉及到在地圖上新增圓形覆蓋物並配有文字說明的情況,通過百度提供的API例子發現沒有現成的效果,然後瞭解百度API將專案使用到的效果實現出來,實現的過來如下: 1. 在百度地圖的“新增/刪除覆蓋物”例子上改造的,因為我們用到了圓形效果    

實現類似地圖-新增到主螢幕的功能

領導昨天拿著手機過來演示了一個功能,開啟百度地圖 app,搜尋路線,下面有一個收藏按鈕,點選收藏後會提示是否需要新增到主螢幕。研究了一下,共有兩種實現方式,都做了。 有一個很不錯的部落格,可以看一下。如部落格中說的,沒有複雜的業務邏輯,主要是讀取HTML檔案、

地圖新增覆蓋物附帶文字

本人寫在 eoe論壇的文章,http://www.eoeandroid.com/thread-260821-1-1.html 思路:因為百度地圖新增覆蓋物只能是圖片,就是隻能新增格式為 Drawable 的圖片,而我們需要新增的文字是Textview,不能使用,已經百度檢視

地圖 新增雲檢索資料

 .登入百度地圖官網 http://lbsyun.baidu.com . 點選右邊的API控制檯 .點選左邊的資料管理平臺 .點選建立 新建立一個數據庫 .輸入資料庫名稱,點選下一步

Android 地圖新增自定義marker(覆蓋物)不顯示圖片的解決方法

在使用百度地圖新增自定義Marker View時,顯示不出來自定義marker view裡面的頭像,百度地圖的新增自定義marker顯示網路圖片本身就是一個坑(我是這樣認為的)... 我的需求是這樣的,當有人員上報位置時,就根據經緯度把人員位置資訊用自定義Marker去載入

地圖的API畫多邊形,並在多邊形中加入文字標註

程式碼內中方法引數與資料庫連線,僅供參考! 技術粗淺,不喜勿噴,謝謝 --------------------------------------------------------------------------------- <%@ page language

地圖介面繪製任意多邊形並獲取每個點的經緯度

實現思路: 1:新增繪製工具的監聽事件 2:遍歷取出座標集合 copy程式碼直接執行測試即可 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Ty

Android 地圖新增標記+定位+導航(從定位點開始導航到自己新增的點)

百度地圖的官方文件說的不是很清楚,我自己花幾天做了一個是新增標籤+定位+導航啊。僅供參考。 一.普通地圖,定位,新增標記,初始化導航SDK package com.example.salesman; import java.lang.reflect.Method; imp

Android使用地圖---新增覆蓋物及定位

完成百度地圖的建立,可是還不是我們需要的,接下來我需要給它新增覆蓋物,並定位當前位置: 首先,定位需要的許可權 <!-- 這個許可權用於進行網路定位--> <uses-permission android:name="android.permission.

地圖API(3):判斷地圖上的點是否在 圓形 多邊形 區域

GeoUtils.js 效果圖 原始碼 Tips 要注意Point和Circle 都必須是:BMap.Point和BMap.Bounds物件 此案例只展示了多邊形和

地圖API 地圖區域並計算座標點是否在區域

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

js使用地圖僅顯示中國區域,實現大資料熱點圖

需求:領導需要在年會上展示我們的使用者ip實時資料,做一個網頁版的地圖,僅僅顯示中國區域。 技術分析:echart,hchart等網站都有地圖版的,百度地圖有熱點例項,經過對比,我選用了百度地圖,但是百度地圖無法只顯示中國區域,這個時候就需要我來動動手解決掉最後一關。 應評論的各位想要原始碼