原创 nginx 設置允許跨域請求
server { listen 8080; server_name localhost; #charset koi8-r; #access_log
原创 mapbox-gl 展示 cluster圖層
基本流程是: 1.添加 geojson數據源,設置cluster的參數 2.添加cluster layer,採用step expressions,設置顏色和大小 3.添加標註symbol layer,在cluster圖標裏面顯示數字 4.
原创 mapbox-gl js Customize camera animations例子 (CSS、DOM、JS 傳值和交互)
在地圖上顯示一個控制面板,可以輸入各種參數,JS或者參數值,點擊按鈕,實現地圖的交互。 html的dom 如下: <div class="map-overlay top"> <div class="map-overlay-inne
原创 關於eslint的簡單介紹
參考這個大佬的博客:ESLint 使用簡介
原创 node-fontnik 部署安裝和簡單使用(基於Centos 7)
node-fontnik 是mapbox開源的製作.pbf字體的工具,其官網:https://github.com/mapbox/node-fontnik 1.下載.tar.gz格式,解壓,cd npm install 2.測試
原创 mapnik 安裝部署
源碼安裝部署:https://github.com/mapnik/mapnik/blob/master/INSTALL.md 安裝相關的依賴,自己安裝部署的過程中發現幾個問題,是因爲兩個依賴沒有安裝好: 1.boost https://w
原创 var let const 三者的區別
var定義的變量,沒有塊的概念,可以跨塊訪問, 不能跨函數訪問。 let定義的變量,只能在塊作用域裏訪問,不能跨塊訪問,也不能跨函數訪問。 const用來定義常量,使用時必須初始化(即必須賦值),只能在塊作用域裏訪問,
原创 npm 簡單使用
參考:npm 包管理器簡介 npm 將軟件包安裝到哪裏 package.json 指南 查看 npm 包安裝的版本 卸載 npm 軟件包
原创 NodeJS的export和import使用方法
官方指引: https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/import https://developer.mozilla.org
原创 mapbox-gl 使用turf計算距離(代碼片段)
參考:geojson對象的說明:(以後添加) HTML DOM CURSOR : https://www.w3school.com.cn/jsref/prop_style_cursor.asp 基本思路是: 1.定義geojson對象,
原创 @mapbox/mapbox-gl-geocoder 簡單使用
參考:https://github.com/mapbox/mapbox-gl-geocoder https://github.com/mapbox/carmen/blob/master/carmen-geojson.md 接下來需要安裝此
原创 webpack 使用樣例(以mapbox-gl爲例)
webpack 參考: https://www.webpackjs.com/ 和 https://webpack.github.io/ 參考這個博客:https://www.jianshu.com/p/948db433f16e
原创 Pandas 之 DataFrame
參考這篇文件:《利用Python進行數據分析·第2版》第5章 pandas入門 import pandas as pd import numpy as np from pandas import Series,DataFrame #
原创 docker 容器端口與宿主機端口的映射
參考:Docker容器內部端口映射到外部宿主機端口 1.容器內部一個端口,可以映射到宿主機多個端口; 2.容器的端口可以運行時映射到宿主機; 3.容器的端口可以隨機映射到宿主機。 比如 tilerserver-gl 的端口設置:
原创 Kettle (PDI)添加geometry插件支持
爲了能夠處理geometry類型的數據,PDI需要安裝pentaho-gis-plugins 該插件下載地址:atolcd / pentaho-gis-plugins 不同PDI版本對應選擇下載不同版本,比如我的PDI是8.2,那我就下載