原创 angular6 雙擊的時候禁止單擊事件產生dblclick

代碼如下所示:   html代碼如下: <div class="item" (click)="clickF()" (dblclick)="dblclickF()"> </div>   ts代碼如下: //定義兩個全局

原创 leaflet怎麼獲取矩形的中心點位 getCenter()

效果如下圖,中間的播放按鈕: 代碼如下:  var rectangle = new L.Rectangle(L.latLngBounds(this.polygonPosition), { weight: 2,

原创 echarts name值重複,怎麼顯示(showName或者加id的方法)(本文推薦第二種方法,加id)

1. 用echarts的showName來實現,效果如下圖所示:,代碼可以直接放到echarts官網測試:     echarts官網:https://echarts.apache.org/examples/zh/index.html  

原创 leaflet 添加矩形,可放大縮小,可移動,可旋轉(transform)

效果如下圖所示:   代碼如下圖所示  var rectangle = new L.Rectangle(L.latLngBounds(this.polygonPosition), { weight: 2, dra

原创 html中點擊跳到指定的 div

效果如下圖所示:(點擊技術介紹,跳到技術介紹模塊) 運用邏輯a標籤,href="#divid" 代碼如下:   <a href="#produce" class="aC"> 技術介紹</a> <a href="#gread" cla

原创 angular6 Cannot read property 'split' of undefined

我遇到這個問題一般都是路由配置有誤,我的導航是這樣 this.router.navigate(["home/ecoloMenu/ecologyEvaluation/ecologicalFactors/mountain/greenRate

原创 angular6 xml文件解析成json數據,json數據生成xml

1. 從後臺讀取xml數據,讀取結果,話不多說,直接上代碼  var kk = "<root><satellite>GF3</satellite><sensor>SAR</sensor><level>LEVEL1A</level

原创 angular2 中引入 angular-in-memory-web-api 以及出現的問題

1. 安裝angular-in-memory-web-api  npm install --save [email protected]      注意:此項操作必須安裝0.6.0以下,超過此版本會出現數據無

原创 angular6中如何屏蔽div子元素點擊事件會觸發父元素的點擊事件($event.cancelBubble=true;)

要求,angular6中屏蔽父元素的點擊事件($event.cancelBubble=true;)    <div (click)="select($event)"> <div (click)="

原创 1. web網站,自己添加font標籤以及文字

如下圖所示:(本來是預警,但是他自動添加上去初步兩個字)    解決方法:  找到項目中的  : <html lang="en">  把他改爲: <html lang="zh"> 或者把該屬性去掉  本文參考地址: https://

原创 leaflet: Cannot read property geodesicArea of undefined

1. 報錯如下圖所示:(這是繪製多邊形中出的問題) 2. 這是leaflet-draw版本不一樣導致,重新下載一個leaflet-draw版本即可,    本文用的版本是 : "leaflet-draw": "^1.0.4", "

原创 echarts+(html+js+css)左邊列表,拖拽到右邊生成流程樹

效果如下圖所示: (左邊拖動到右側,可添加跟刪除等操作,最後進行提交) 1. 本文依附echarts,所以需要去引入echart.min.js,    官網下載地址: https://echarts.apache.org/zh/dow

原创 echart相關操作xAxis,yAxis,series,grid,(包括x軸樣式,y軸樣式,折現樣式,網格樣式,折現陰影,折線上方顯示數據,x軸文字傾斜,圖例,標題, tooltip文字自定義)

樣式截圖大概如下:       1. x,y軸相關操作:xAxis,yAxis      (1)  x,y軸的顏色:             axisLine: { lineStyle: {

原创 leaflet 把圖片放到地圖上L.imageTransform或者L.imageOverlay.rotated,把視頻放到地圖上L.videooverlay,把geoJson放到地圖上,

1.把圖片放到地圖上:         2. 有兩種方法實現,這兩種方式都需要下載js文件並引入項目中,   第一種L.imageTransform:https://github.com/ScanEx/Leaflet.imageTrans

原创 angular6打包出現錯誤-JavaScript heap out of memory

1. 錯誤如下所示:       2.解決方法:     在node_modules包中的.bin文件下的ng.cmd、ngc.cmd加入--max-old-space-size=8192      3.這樣再重新打包就不會報錯了: