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

html5 手机网站模版seo优化排名软件

html5 手机网站模版,seo优化排名软件,上海人才招聘网,怎么通过域名做网站小程序引入高德/百度地图坐标系详解 官网最近更新时间:最后更新时间: 2021年08月17日 高德官网之在原生小程序中使用的常见问题 链接 目前在小程序中使用 高德地图只支持以下功能 :地址描述、POI和实时天气数据 小结:从高德api中获取数…

小程序引入高德/百度地图坐标系详解

官网最近更新时间:最后更新时间: 2021年08月17日

  • 高德官网之在原生小程序中使用的常见问题 链接
    在这里插入图片描述

  • 目前在小程序中使用 高德地图只支持以下功能 :地址描述、POI和实时天气数据
    在这里插入图片描述

小结:从高德api中获取数据然后更新到腾讯地图的map上 其实还是使用的腾讯地图 只不过数据的来源来自高德地图

​ 我们可以简单的实现从高德获取数据 然后在腾讯地图的画布上进行绘制电子围栏

​ 但是一些特殊的场景,坐标选点、地址搜索等一些都是腾讯组件内部封装的所以以高德地图来看很难实现
![在这里插入图片描述](https://img-blog.csdnimg.cn/84fe2b2ccb2d40dcbd8b751250f85617.png

关于坐标系

  • 高德地图、腾讯地图以及谷歌中国区地图使用的是GCJ-02坐标系

  • 百度地图使用的是BD-09坐标系

  • 底层接口(HTML5 Geolocation或ios、安卓API)通过GPS设备获取的坐标使用的是WGS-84坐标系

不同平台获取的经纬度信息可能并不是在同一个坐标系下。

  • 坐标系分为:

    • GCJ-02 - 国测局坐标

中国大陆所有公开地理数据都需要至少用GCJ-02进行加密**,也就是说我们从国内公司的产品中得到的数据,一定是经过了加密的

高德地图、腾讯地图以及谷歌中国区地图

  • BD-09 - 百度坐标系

是百度地图使用的地理坐标系,其在GCJ-02上多增加了一次变换,用来保护用户隐私。从百度产品中得到的坐标都是BD-09坐标系。

百度地图

  • WGS-84 - 世界大地测量系统

是使用最广泛的坐标系,也是世界通用的坐标系,GPS设备得到的经纬度就是在WGS84坐标系下的经纬度

通常通过底层接口得到的定位信息都是WGS84坐标系。

  • 坐标转化

    • 百度地图以及高德地图都提供了一些方法来转换不同坐标系下的坐标,但是它们都需要进行网络请求,性能很差。
    1. gcoord

    ​ gcoord主要解决了两个问题

    • 能将坐标在不同坐标系下相互转换

    • 能够处理GeoJSON

    • 示例 - 从WGS-84坐标系转换为BD-09坐标系

    var result = gcoord.transform([ 116.403988, 39.914266 ],    // 经纬度坐标gcoord.WGS84,                 // 当前坐标系gcoord.BD09                   // 目标坐标系
    );
    console.log( result );  // [ 116.41661560068297, 39.92196580126834 ]
    

    详细的使用方式请查看gcoord的文档
    更专业的坐标系处理工具,可以使用proj4js等开源库

项目中引用高德地图

注:百度地图和高德的引入方式差不多只是需要引入的是百度的插件 百度官网

1.下载并安装微信小程序插件

  • amap-wx.js

    在创建的项目中,新建一个名为 libs 目录,将 amap-wx.js 文件拷贝到 libs 的本地目录下

    在这里插入图片描述

2.设置安全通讯域名

  • 固定请求高德域名 : https://restapi.amap.com

在这里插入图片描述

3.在 index.js 中引入 amap-wx.js 文件

var amapFile = require('path/to/amap-wx.js');//如:..­/..­/libs/amap-wx.js
  • JS调用API
Page({/*** 页面的初始数据*/data: {markers: [{ // 绘制 markersiconPath: "../../image/green_tri.png",id: 0,latitude: 39.989643,longitude: 116.481028,width: 23,height: 33},{iconPath: "../../image/green_tri.png",id: 0,latitude: 39.90816,longitude: 116.434446,width: 24,height: 34}],distance: '',cost: '',polyline: []},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {var that = this;var myAmapFun = new amapFile.AMapWX({key:'4ac16a1fe3903abf2f7663a2888860f9'});myAmapFun.getPoiAround({success: function(data){console.log(data,"myAmapFun")//成功回调},fail: function(info){//失败回调console.log(info)}})//获取自己所在地址的定位myAmapFun.getRegeo({success: function(data){//成功回调console.log('---------')console.log(data,"获取自己所在地址的定位")},fail: function(info){//失败回调console.log(info)}})//获取定位地点天气内容myAmapFun.getWeather({success: function(data){console.log(data,'123')//成功回调},fail: function(info){//失败回调console.log(info)}})//路线myAmapFun.getDrivingRoute({origin: '116.481028,39.989643',destination: '116.434446,39.90816',success: function(data){var points = [];if(data.paths && data.paths[0] && data.paths[0].steps){var steps = data.paths[0].steps;for(var i = 0; i < steps.length; i++){var poLen = steps[i].polyline.split(';');for(var j = 0;j < poLen.length; j++){points.push({longitude: parseFloat(poLen[j].split(',')[0]),latitude: parseFloat(poLen[j].split(',')[1])})} }}that.setData({polyline: [{points: points,color: "#0091ff",width: 6}]});},fail: function(info){}})},	})
  • HTML
<view class="map_box"><map id="navi_map" longitude="116.451028" latitude="39.949643" scale="12" markers="{{markers}}" polyline="{{polyline}}"></map>
</view>

在这里插入图片描述

以上就是小程序引入高德/百度地图坐标系详解感谢大家的阅读
如碰到其他的问题 可以私下我 一起探讨学习
如果对你有所帮助还请 点赞 收藏谢谢~!
关注收藏博客 作者会持续更新…

http://www.zhongyajixie.com/news/17249.html

相关文章:

  • 哪些网站适合花钱做推广互联网推广项目
  • 织梦网站栏目建设关键词优化平台有哪些
  • 门户网站开发公司可以推广的平台
  • 服装设计怎么学 从零开始厦门关键词优化平台
  • 福州注册公司大概费用搜索排名优化
  • 通付盾 网站建设广州网站建设工作室
  • 网站添加背影音乐怎么做做网站建设公司
  • 怎么做网站描述aso优化运营
  • css做的简单网站免费域名怎么注册
  • 深圳宝安医院的网站建设2023年8月疫情恢复
  • 介绍自己的做的网站吗石家庄网络关键词排名
  • 营销网站建设哪个平台好网络营销的主要推广方式
  • 哈尔滨建设厅网站如何开一个自己的网站
  • 密云城乡住宅建设委员会网站国内专业seo公司
  • 看到一个电商网站帮做淘宝跨境电商关键词工具
  • c 做网站如何调用dll网推和地推的区别
  • 第三方专业网站制作公司有哪些app下载
  • 青岛网站设计公司推荐杭州seo网站推广排名
  • b2b网站的一般流程连云港seo优化
  • 二手东西网站怎么做自己代理一款手游需要多少钱
  • 南联企业网站建设武汉网站推广很 棒
  • 做兼职什么网站靠谱吗上海网络推广软件
  • 个人做网站 私活百度一下你就知道官网网页版
  • 公司网站搜索优化品牌运营中心
  • 赣州网站建设培训厦门人才网招聘官网
  • 山东城乡和住房建设厅官网seo什么职位
  • 无锡优化网站排名seo文案范例
  • 重庆免费网站建站模板企业网站管理系统
  • 有了源码可以做网站吗seo搜索优化邵阳
  • 营销型网站的分类百度无广告搜索引擎