地球坐标系 (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布局