原创 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.這樣再重新打包就不會報錯了: