2. 程式人生 > >百度地圖畫多邊形程式碼

百度地圖畫多邊形程式碼

阿新 • • 發佈：2019-01-27
function $(id){ return document.getElementById(id); } // 百度地圖API功能 var map = new BMap.Map('map'); var poi = new BMap.Point(113.948913,22.530844); map.centerAndZoom(poi, 16); map.enableScrollWheelZoom(); var overlays = []; var overlaycomplete = function
(e){ overlays.push(e.overlay); }; var styleOptions = { strokeColor:"red", //邊線顏色。 fillColor:"red", //填充顏色。當引數為空時，圓形將沒有填充效果。 strokeWeight: 3, //邊線的寬度，以畫素為單位。 strokeOpacity: 0.8, //邊線透明度，取值範圍0 - 1。 fillOpacity: 0.6, //填充的透明度，取值範圍0 - 1。
strokeStyle: 'solid' //邊線的樣式，solid或dashed。 } //例項化滑鼠繪製工具 var drawingManager = new BMapLib.DrawingManager(map, { isOpen: false, //是否開啟繪製模式 //enableDrawingTool: true, //是否顯示工具欄 drawingToolOptions: { anchor: BMAP_ANCHOR_TOP_RIGHT, //位置 offset: new
BMap.Size(5, 5), //偏離值 }, circleOptions: styleOptions, //圓的樣式 polylineOptions: styleOptions, //線的樣式 polygonOptions: styleOptions, //多邊形的樣式 rectangleOptions: styleOptions //矩形的樣式 }); //新增滑鼠繪製工具監聽事件，用於獲取繪製結果 drawingManager.addEventListener('overlaycomplete', overlaycomplete); map.addEventListener("rightclick",function(e){ if(confirm(e.point.lng + "," + e.point.lat)){ $("shape").innerHTML=$("shape").innerHTML+" <br/>("+e.point.lng+","+e.point.lat+")"; } }); function draw(type){ drawingManager.open(); drawingManager.setDrawingMode(type); } function clearAll() { for(var i = 0; i < overlays.length; i++){ map.removeOverlay(overlays[i]); } overlays.length = 0 } function getPoint(){ $("resultShape").innerHTML=''; for(var i = 0; i < overlays.length; i++){ var overlay=overlays[i].getPath(); $("resultShape").innerHTML=$("resultShape").innerHTML+overlay.length+'邊形:<br/>'; for(var j = 0; j < overlay.length; j++){ var grid =overlay[j]; $("resultShape").innerHTML=$("resultShape").innerHTML+(j+1)+"個點:("+grid.lng+","+grid.lat+");<br/>"; } } } function Editing(state){ for(var i = 0; i < overlays.length; i++){ state=='enable'?overlays[i].enableEditing():overlays[i].disableEditing(); } } function showPolygon(btn){ var polygon = new BMap.Polygon([ new BMap.Point(113.941853,22.530777), new BMap.Point(113.940487,22.527789), new BMap.Point(113.94788,22.527597), new BMap.Point(113.947925,22.530618) ], styleOptions); //建立多邊形 map.addOverlay(polygon); //增加多邊形 // overlays.push(polygon); //是否把該影象加入到編輯和刪除行列 btn.setAttribute('disabled','false'); showText(); } function showText(){ var opts = { position : new BMap.Point(113.941853,22.530777), // 指定文字標註所在的地理位置 offset : new BMap.Size(30, 30) //設定文字偏移量 } var label = new BMap.Label("不可編輯", opts); // 建立文字標註物件 label.setStyle({ color : "black", fontSize : "16px", fillColor:"red", //填充顏色。當引數為空時，圓形將沒有填充效果。 }); map.addOverlay(label); }

相關推薦

百度地圖畫多邊形程式碼

function $(id){ return document.getElementById(id); } // 百度地圖API功能 var map = new BMap.Map('map'); var poi = new BMap.Poin

百度地圖畫圓、個性化

畫圓 all fff style pac bsp 半徑 over maps 畫圈： circle = new BMap.Circle(new BMap.Point(lg, lt), 2000, { fillColor: "blue", strokeWeight: 1, fi

讀取本地座標檔案，在百度地圖畫運動軌跡（2018新華三“物聯網終端行為分析”第三題）

目錄 問題描述 解決思路 1.註冊百度金鑰 2.建立本地TXT檔案。 3.編寫HTML程式碼 4.搭建本地HTML伺服器 5.在百度地圖顯示運動軌跡 參考文獻 問題描述 該部分內容來自新華三NAVIGATE創客節-黑客鬆“物聯網終端行為分析”第三題：已知一

Android百度地圖(三):百度地圖畫運動軌跡及圖層點選事件處理

上篇文章講述瞭如何在地圖顯示位置點，這篇文章主要講述如何在地圖上畫運動軌跡，以及地圖圖層點選事件的處理。 很多運動類的app都有畫出跑步者運動軌跡的需求，拿咕咚來說，我們看一下它的效果圖： 咕咚運動軌跡圖 本篇將要實現的效果 1.跑步結束後，靜態的畫出整個運動

織夢加入百度主動推送程式碼

今天和大家分享的是關於織夢建站的連結推送例項，例如：你釋出了一篇新文章，等著百度來抓取，那就很被動，不知道什麼時候才能被收錄；但是我們可以主動去推送，下邊我們具體來操作說明。  第一步：首先在織夢的後臺新增2個變數。 1.新增cfg_badutoken系統變數 說明：這個

百度地圖api 城市程式碼(citycode)

37 酒泉市 38 大興安嶺地區 39 黑河市 40 伊春市 41 齊齊哈爾市 42 佳木斯市 43 鶴崗市 44 綏化市 45 雙鴨山市 46 雞西市 47 七臺河市 48 哈爾濱市 49 牡丹江市 50 大慶市 51 白城市 52 松原市 53 長春市 54

百度Apollo(一)：程式碼模組

一級目錄結構重要資料夾內容： docker：docker有關的檔案,如啟動docker指令碼,進入docker容器指令碼。 docs：文件模組，有完整英文文件和部分中文文件 。 modules：apollo中各個模組的原始碼，如感知，決策，規劃等核心

百度ueditor編輯器程式碼高亮

百度的ueditor是國內比較好用的富文字編輯器，這裡要講解的是ueditor中一個很小的功能：程式碼高亮； 對於我們這些寫個部落格三句不離程式碼的碼農們來說，能看到段高亮的程式碼那欣喜是無以言表的； 沒圖我說個。。；上圖；以上篇文章為例； 示例環境：ueditor

（實用）簡單的百度各平臺分享程式碼

<!-- Baidu Button BEGIN --> <script type="text/javascript" id="bdshare_js" data="type=slide&img=0&pos=right&uid=1182

百度登入 selenium pathon 程式碼

# Ecoding=utf-8 from selenium import webdriver import time driver = webdriver.Firefox() driver.get("http://www.baidu.com/") #點選登入連結 drive

百度地圖繪製多邊形獲取座標，並可對多邊形二次修改

先看下效果圖 程式碼如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset

你需要從A地去B地 但你不知道能不能到 這時該怎麼辦 Google 谷歌 百度 baidu 阿里巴巴 aliba

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

10月15日科技聯播：百度外賣正式更名“餓了麼星選”；央視曝科大訊飛以AI為名拿地蓋別墅

百度外賣退出歷史舞臺，正式更名為“餓了麼星選”，外賣之爭的新戰役打響；科大訊飛再次陷入“輿情高地”，頂著AI的名號搞房地產，遭央視點名曝光；巨頭聯手，網易雲聯手百度，線上音樂市場是否會掀起新的波瀾？一起來看今天的科技快訊： 百度外賣更名“餓了麼星選”，外賣業變兩軍對壘 百度外賣今日正式更名為“餓了麼星

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

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

百度雲曲顯平：AIOps時代下如何用運維資料系統性地解決運維問題？

百度雲智慧運維負責人 曲顯平   本文是根據百度雲智慧運維負責人曲顯平10月20日在msup攜手魅族、Flyme、百度雲主辦的第十三期魅族技術開放日《百度雲智慧運維實踐》演講中的分享內容整理而成。   內容簡介：本文主要從百度運維技術的發展歷程、如

百度Aip人臉識別之python程式碼

用python來做人臉識別程式碼量少 思路清晰， 在使用之前我們需要在我們的配置的編譯器中通過pip       install baidu-aip  即可 from aip import AipFace 就可以開始使用api了 我們第一

新增幾行程式碼實現百度文庫的複製

百度文庫的限制複製簡直就是為知識的傳播設定了一堵圍牆，為了人類的進步今天我教大家用幾行程式碼實現百度文庫的複製功能。 以下以360瀏覽器為例，其他瀏覽器大同小異。 隨便開啟一篇百度文庫的文章，只要文章不是以圖片形式顯示的即可實現複製。 然後將滑鼠放到共享文件那裡會出現一個介紹共享文件的小

使用electron實現百度網盤懸浮視窗功能的示例程式碼

相關依賴 裡面使用了vuex vue vue-route storeJs storeJs 用來持久化vuex狀態 展示 相關依賴 裡面使用了vuex vue vue-route storeJs storeJs 用來持久化vuex狀態 展示 介紹說明

arcgis jsapi介面入門系列（4）：用程式碼在地圖畫點線面

PS：用程式碼畫點這樣寫是為了跟後面的用滑鼠畫點線面區分出來 畫點 drawPointGraphic: function () { //點有多種樣式：一般的點，顯示文字，顯示圖片 //一般的點

400行程式碼手寫一個SpringMVC框架-咕泡學院VIP視訊下載,百度網盤

  400行程式碼手寫一個SpringMVC框架 https://pan.baidu.com/s/1SAKk2etjQ_1M4cNBXBjk2Q  密碼：f2zv  咕泡學院Java架構師每日錄播視訊索取加QQ群：788692365 咕泡學院Java架構師