当前位置: 首页 > news >正文

百度怎么制作网站教程网络销售挣钱吗

百度怎么制作网站教程,网络销售挣钱吗,服务支持型网站,北京装修公司排名十强前言 我最近在做一个和地图有关的项目,这里本人地图采用的是mapbox,其中涉及一个功能需要根据用户输入的地点直接定位到地图上的对应的位置,本人开始想的是直接调用百度的接口根据地名直接获取坐标,发现在地图上的位置有偏移不够…

在这里插入图片描述

前言

我最近在做一个和地图有关的项目,这里本人地图采用的是mapbox,其中涉及一个功能需要根据用户输入的地点直接定位到地图上的对应的位置,本人开始想的是直接调用百度的接口根据地名直接获取坐标,发现在地图上的位置有偏移不够准确,后面发现地图服务之间有自己的坐标系,不同的坐标系之间的坐标会有一定的偏移。

地图的地理坐标系

是一种球面坐标,是使用三维球面来定义地球表面位置,以实现通过经纬度对地球表面点位引用的坐标系,也就是说坐标单位是经纬度。
在这里插入图片描述

地球坐标系(WGS84)

GPS,WGS-84,原始坐标体系。一般用国际标准的GPS记录仪记录下来的坐标,都是GPS的坐标。也是国际地图提供商使用的坐标系。但是在中国,任何一个地图产品都不允许使用GPS坐标,据说是为了保密。

使用该坐标系的在线地图

wgs84是国际标准坐标系,谷歌国外地图、osm地图等国外地图一般是这个

火星坐标系(GCJ-02)

国测局02年发布的坐标体系。又称“火星坐标”。中国标准,从国行移动设备中定位获取的坐标数据使用这个坐标系。在中国,必须至少使用GCJ-02的坐标体系。

使用该坐标系的在线地图

IOS地图、谷歌国内地图、高德地图、腾讯地图

百度坐标系(BD-09)

百度又在火星坐标上来个二次加密,只适用于百度地图

使用该坐标系的在线地图

只有百度地图
在这里插入图片描述

天地图坐标系(CGCS-2000)

天地图采用的是CGCS-2000坐标系(2000坐标系),但是因为CGCS-2000坐标系它与WGS84坐标系都是地心坐标系,因此两者相差不大。
天地图官网:https://map.tianditu.gov.cn/
在这里插入图片描述

坐标系转换

如果像我这种情况一样地图是wgs84,却用了百度地图接口返回的坐标来定位,可以对不同坐标系的坐标进行转换。下面是转换代码:

const x_pi = 3.14159265358979324 * 3000.0 / 180.0;
const pi = 3.1415926535897932384626;
const a = 6378245.0;
const ee = 0.00669342162296594323;/*** 百度坐标系(BD-09)转WGS坐标* @param {number} lng - 百度坐标纬度* @param {number} lat - 百度坐标经度* @returns {Array} - WGS84坐标数组 [lng, lat]*/
function bd09towgs84(lng, lat) {const gcj = bd09togcj02(lng, lat);const wgs84 = gcj02towgs84(gcj[0], gcj[1]);return wgs84;
}/*** WGS坐标转百度坐标系(BD-09)* @param {number} lng - WGS84坐标系的经度* @param {number} lat - WGS84坐标系的纬度* @returns {Array} - 百度坐标数组 [lng, lat]*/
function wgs84tobd09(lng, lat) {const gcj = wgs84togcj02(lng, lat);const bd09 = gcj02tobd09(gcj[0], gcj[1]);return bd09;
}/*** 火星坐标系(GCJ-02)转百度坐标系(BD-09)* @param {number} lng - 火星坐标经度* @param {number} lat - 火星坐标纬度* @returns {Array} - 百度坐标数组 [lng, lat]*/
function gcj02tobd09(lng, lat) {const z = Math.sqrt(lng * lng + lat * lat) + 0.00002 * Math.sin(lat * x_pi);const theta = Math.atan2(lat, lng) + 0.000003 * Math.cos(lng * x_pi);const bd_lng = z * Math.cos(theta) + 0.0065;const bd_lat = z * Math.sin(theta) + 0.006;return [bd_lng, bd_lat];
}/*** 百度坐标系(BD-09)转火星坐标系(GCJ-02)* @param {number} bd_lon - 百度坐标经度* @param {number} bd_lat - 百度坐标维度* @returns {Array} - 火星坐标数组 [lng, lat]*/
function bd09togcj02(bd_lon, bd_lat) {const x = bd_lon - 0.0065;const y = bd_lat - 0.006;const z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);const theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);const gg_lng = z * Math.cos(theta);const gg_lat = z * Math.sin(theta);return [gg_lng, gg_lat];
}/*** WGS84转GCJ02(火星坐标系)* @param {number} lng - WGS84坐标系的经度* @param {number} lat - WGS84坐标系的纬度* @returns {Array} - 火星坐标数组 [lng, lat]*/
function wgs84togcj02(lng, lat) {if (out_of_china(lng, lat)) {return [lng, lat];}let dlat = transformlat(lng - 105.0, lat - 35.0);let dlng = transformlng(lng - 105.0, lat - 35.0);const radlat = lat / 180.0 * pi;let magic = Math.sin(radlat);magic = 1 - ee * magic * magic;const sqrtmagic = Math.sqrt(magic);dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * pi);dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * pi);const mglat = lat + dlat;const mglng = lng + dlng;return [mglng, mglat];
}/*** GCJ02(火星坐标系)转GPS84* @param {number} lng - 火星坐标系的经度* @param {number} lat - 火星坐标系纬度* @returns {Array} - WGS84坐标数组 [lng, lat]*/
function gcj02towgs84(lng, lat) {if (out_of_china(lng, lat)) {return [lng, lat];}let dlat = transformlat(lng - 105.0, lat - 35.0);let dlng = transformlng(lng - 105.0, lat - 35.0);const radlat = lat / 180.0 * pi;let magic = Math.sin(radlat);magic = 1 - ee * magic * magic;const sqrtmagic = Math.sqrt(magic);dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * pi);dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * pi);const mglat = lat + dlat;const mglng = lng + dlng;return [lng * 2 - mglng, lat * 2 - mglat];
}/*** 纬度转换* @param {number} lng* @param {number} lat* @returns {number}*/
function transformlat(lng, lat) {let ret = -100.0 + 2.0 * lng + 3.0 * lat + 0.2 * lat * lat + 0.1 * lng * lat + 0.2 * Math.sqrt(Math.abs(lng));ret += (20.0 * Math.sin(6.0 * lng * pi) + 20.0 * Math.sin(2.0 * lng * pi)) * 2.0 / 3.0;ret += (20.0 * Math.sin(lat * pi) + 40.0 * Math.sin(lat / 3.0 * pi)) * 2.0 / 3.0;ret += (160.0 * Math.sin(lat / 12.0 * pi) + 320 * Math.sin(lat * pi / 30.0)) * 2.0 / 3.0;return ret;
}/*** 经度转换* @param {number} lng* @param {number} lat* @returns {number}*/
function transformlng(lng, lat) {let ret = 300.0 + lng + 2.0 * lat + 0.1 * lng * lng + 0.1 * lng * lat + 0.1 * Math.sqrt(Math.abs(lng));ret += (20.0 * Math.sin(6.0 * lng * pi) + 20.0 * Math.sin(2.0 * lng * pi)) * 2.0 / 3.0;ret += (20.0 * Math.sin(lng * pi) + 40.0 * Math.sin(lng / 3.0 * pi)) * 2.0 / 3.0;ret += (150.0 * Math.sin(lng / 12.0 * pi) + 300.0 * Math.sin(lng / 30.0 * pi)) * 2.0 / 3.0;return ret;
}/*** 判断是否在国内,不在国内不做偏移* @param {number} lng* @param {number} lat* @returns {boolean}*/
function out_of_china(lng, lat) {if (lng < 72.004 || lng > 137.8347) {return true;} else if (lat < 0.8293 || lat > 55.8271) {return true;}return false;
}

当然了,最好还是在开发前先调研清楚地图的坐标系,并去使用相同坐标系的地图接口服务。

总结

这是本人第一次开发地图相关功能,也不太了解坐标系这一概念,导致在开发定位功能时位置有所偏差,经过这次学习,了解到了地图的地理坐标系的概念以及不同地理坐标系的区别,才发现定位位置偏移的问题所在,以后开发功能前也需要更详细的去调研每块领域的相关知识。

参考
https://www.jianshu.com/p/a5ebaa859ca1
http://t.csdn.cn/IiuP2

http://www.wangmingla.cn/news/112742.html

相关文章:

  • 网站建设案例教程网络运营师
  • php mysql网站开发项目式教程网站提交
  • 网站的权限设置怎样制作免费网页
  • 促进企业seo排名赚挂机
  • wordpress二级栏目信息流优化师培训
  • 做邮箱网站免费建立个人网站申请
  • 国外html 网站免费b站在线观看人数在哪
  • 郑州网站建设扌汉狮网络百度游戏排行榜风云榜
  • 国内外网站开发情况国外搜索引擎大全不屏蔽
  • 如何做网站的关键词排名论坛推广
  • 网站优化怎么弄sem培训
  • 做婚恋网站的费用多少此网站不支持下载视频怎么办
  • 广州企业网站定制网络销售入门基本知识
  • wordpress yzipicc优化大师是什么软件
  • 橙子建站验证码免费数据统计网站
  • 手机有软件做ppt下载网站有哪些网络推广方案七步法
  • 免费申请logoseo线下培训课程
  • 深圳分销网站设计电话360地图怎么添加商户
  • 怎么做网站关键词优化网络营销网站平台有哪些
  • 网站页脚怎么做外链兔
  • 福州免费自助建站模板网站搭建谷歌seo
  • 汽车网站模板我要安装百度
  • 网站可以自己做吗网络营销的主要内容有哪些
  • 合肥市重点工程建设管理局网站郑州seo线下培训
  • wordpress snow 3dseo搜索引擎优化期末考试
  • 交做网贷的网站百度如何免费推广
  • 带后台的手机网站源码福州短视频seo
  • 笔记本做系统哪个网站好百度旗下的所有产品
  • 推广网站建设免费网站建站
  • 没有自己的网站做百度竞价短链接在线生成免费