map mapbox 基礎應用

2022-07-12 05:42:08 字數 1572 閱讀 7946

引入版本要與樣式選擇的版本對應,語言版本也要有對應否則會不生效;

盡量檢視英文文件;

vue中使用

npm install mapbox-gl @mapbox/mapbox-gl-geocoder @mapbox/mapbox-gl-language

import mapboxgl from "mapbox-gl"

import 'mapbox-gl/dist/mapbox-gl.css' // 可以在main.js中引用

import mapboxlanguage from '@mapbox/mapbox-gl-language'

import mapboxgeocoder from '@mapbox/mapbox-gl-geocoder'

import '@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.css'

// 設定語言

if (mapboxgl.getrtltextpluginstatus() !== 'loaded')

this.map.addcontrol(new mapboxlanguage()); // mapboxlanguage如果不傳遞引數,預設地圖會根據裝置語言進行顯示;語言引入版本不同可能預設語言傳遞引數不同例如zh/zh-hans

繪製敏感區域以及判斷區域是否包含某個座標點,可以使用外掛程式

全部引入&按需引入

import * as turf from '@turf/turf'

import from '@turf/turf'

也可單獨引入某乙個

import booleanpointinpolygon from '@turf/boolean-point-in-polygon'
mapbox定位當前位置功能文件

在使用過程中有些不好用,所以應用的高德地圖獲取位置自定義座標點,返回當前位置也是應用的高德地圖

handlecurrentposition() )

mapobj.addcontrol(geolocation)

geolocation.getcurrentposition()

geolocation.on('complete', oncomplete)

function oncomplete(data)

if(self.currentmarker)

self.map.setcenter(self.center)

self.map.setzoom(14)

var el = document.createelement('div')

el.classname = 'currentpoint'

self.currentmarker = new mapboxgl.marker()

self.currentmarker.setlnglat(self.center).addto(self.map)}}

}})

}

mysql應用基礎 MySQL基礎應用

1.登入到mysql伺服器 root localhost mysql u root p enter password 根據提示輸入正確的密碼 2.執行mysql操作語句 以root登入打 mysql 環境後,執行 show master logs 語句可以查詢當前資料庫服務的日誌檔案資訊。3.退出 ...

mysql應用基礎 MySQL基礎應用

1.登入到mysql伺服器 root localhost mysql u root p enter password 根據提示輸入正確的密碼 2.執行mysql操作語句 以root登入打 mysql 環境後,執行 show master logs 語句可以查詢當前資料庫服務的日誌檔案資訊。3.退出 ...

new delete 基礎應用

include iostream using namespace std int main 這裡面只需要注意一點就是基礎型別和陣列型別的刪除區別就ok。1.區別 include iostream using namespace std class myclass myclass private in...