地球坐標系 (WGS-84)到火星坐標系 (GCJ-02)
git下載地址:https://github.com/hiwanz/wgs2mars.js
~~~
transformFromWGSToGCJ(119.3122312, 26.0240049); // {lng: 119.31705425869873, lat: 26.02096344048847}
~~~
## 一、添加WMS層
```
var wms = new AMap.TileLayer.WMS({
url: `http://map.xxx.com/geoserver/${ iata }/wms`,
blend: false,
tileSize: 256,
params:{
Layers: `${ iata }:vector`,
Format: 'image/png',
Version:'1.3.0',
}
});
wms.setMap(map);
```
## 二、加載其他地圖瓦片
```
// 谷哥地圖
new AMap.TileLayer({
map: map,
// tileUrl: 'https://mt{1,2,3,0}.google.cn/vt/lyrs=y@142&hl=en&gl=cn&x=[x]&y=[y]&z=[z]&s=Galil',
// tileUrl: 'https://mt2.google.cn/vt/lyrs=m@142&hl=en&gl=cn&x=[x]&y=[y]&z=[z]&s=Galil',
// tileUrl: 'https://mt3.google.cn/vt/lyrs=s@142&hl=en&gl=cn&x=[x]&y=[y]&z=[z]&s=Galil',
tileUrl: 'http://mt1.google.cn/vt/imgtp=png32&lyrs=h@142&hl=en&gl=cn&x=[x]&y=[y]&z=[z]&s=Galil',
zIndex: 102
});
// 1. mt有0-3,四個地址都可以用
// 2. 四個參數的含義(x、y、z、s):
// x , y 是瓦片坐標系的坐標值,z代表縮放級別,s則共有八個字符:空字符和Galileo的七個字符。
// x , y 的值在 z 增加時會按級數遞增,而s 的值很可能是 x , y , z 三個參數組合后的從 0 到 7 的一個索引值。
// x , y , z 組合后與 8 求余即可得到 s 的值。?
// 3. 四個參數的關系:
// 當 x = 0 時,y 增 1 時,s會同時增 1,與 z 值無關。
// 當 y = 0 時,x 增 1 時,s會同時增3 ,與 z 值無關。
// 從上面兩條可以得出,x , y 很可能以 3*x + y 的方式組合,然后與 8 求余即得 s。
// 推測公式為:(?3*x + y?)%8 = s?
// 4. lyrs類型可選參數:
// m:路線圖
// t:地形圖
// p:帶標簽的地形圖
// s:衛星圖
// y:帶標簽的衛星圖
// h:標簽層(路名、地名等)
// 5. h1語言可選參數:
// zh-CN:中文
// en:中英
```
參考鏈接:
[https://blog.csdn.net/qq\_18298439/article/details/93328026](https://blog.csdn.net/qq_18298439/article/details/93328026)
- 事件
- mouse縮放與拖動
- drag拖動
- 事件兼容
- animation/transition
- canvas
- 改變圖片顏色
- html轉圖片
- 視頻操作
- 圖片縮放、水印、放大鏡
- 虛線
- 圓環進度條
- 形狀事件
- 圓角矩形
- 繪制注意
- arcTo與貝塞爾
- 橢圓及橢圓進度
- 五角星進度
- 常用圖形
- 計算顯示文本寬度
- 算法
- 幾何算法
- 地圖應用相關
- 運行符
- web安全
- 新窗口打開
- xss
- 分享交流
- php環境搭建及xhr交互
- node環境搭建及xhr交互
- node之socketio
- svg之入門介紹
- svg動畫
- vue之搜索聯想
- vue之登錄和echarts
- vue之組件交互與slot
- vue之loading
- vue之上傳進度
- webpack及cli
- 開發技巧
- 常用
- 移動端
- 錯誤處理
- 預加載
- 代理判斷
- 數組擴展
- 對象擴展
- 字符串擴展
- 語音播報
- 收集
- 文章/日記
- 框架/庫/插件
- 工具
- 學習網站
- 專業術語
- 正則
- 常用驗證
- 方法基礎
- es6擴展
- 深入實踐
- 快捷使用
- html
- css
- http協議
- http
- https
- socket
- 地圖/圖表
- mapbox
- echarts
- arcgis
- MapView及事件
- 添加WMS/WMTS層
- 增刪點線面
- 入門使用
- popup彈層
- 大數據處理
- 批量點
- 批量線
- 在線繪制
- GraphicLayer顯示/隱藏
- 動態改變位置
- 去除版權信息
- 添加控件
- Symbol
- 自定義path標記
- 圖片標記
- 文本標記
- 旋轉
- UI
- 自定義
- 3D地圖
- 創建實例
- basemap
- 底圖切換
- 自定義底圖
- 中心和范圍
- pupup彈層更新
- 坐標轉換
- 方向線
- leaflet
- amap
- 框架/類庫/腳手架
- vue
- 常見問題
- 組件框架
- vue-router
- 命名視圖
- url參數映射到prop
- sublime支持
- 隨手記
- 常用功能
- threejs
- 常用效果
- 其他特效
- requirejs
- 簡單使用
- jquery
- 方法擴展
- 使用筆記
- 組件擴展
- react
- 黨見問題
- 學習筆記
- 學習筆記-進階
- react-redux
- react-router
- redux
- 其他模塊說明
- 組件框架
- sublime支持
- gulp
- 安裝使用
- js壓縮
- css壓縮
- 組合使用
- copy文件
- 項目使用
- protobuf
- 入門
- layui
- 登錄驗證
- laydate
- 安裝工具
- yarn
- reactNative
- 入門介紹
- vueNative
- 入門介紹
- 版本控制
- git常用
- git擴展
- git問題
- git其他
- git擴展2
- 編輯器
- vscode
- atom
- webstorm
- 插件
- clipboard
- 奇淫巧技
- js
- 個性打印
- css
- 濾鏡效果
- 文本省略
- 當前色
- 新特性
- 花樣邊框效果
- 波紋效果
- 個性placeholder
- 偽元素內容
- 容器居中
- 知識點
- js
- 遞歸
- 沙箱
- 內存泄漏
- es6語法
- 變量介紹
- FileRead
- ajax
- web存儲
- css
- rem布局