原创 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,那我就下載