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

js网站百度榜单

js网站,百度榜单,免费注册个人网站官网,南山网站建设-信科网络UniApp是一个基于Vue.js框架开发的跨平台应用开发框架,可以同时构建iOS、Android、H5等多个平台的应用。它使用了基于前端技术栈的Web开发方式,通过编写一套代码,即可在不同平台上运行和发布应用。 UniApp具有以下特点: 跨平台开…

UniApp是一个基于Vue.js框架开发的跨平台应用开发框架,可以同时构建iOS、Android、H5等多个平台的应用。它使用了基于前端技术栈的Web开发方式,通过编写一套代码,即可在不同平台上运行和发布应用。

UniApp具有以下特点:

  1. 跨平台开发:UniApp支持将一套代码同时转换为iOS、Android、H5等多个平台的应用,大大节省了开发时间和成本。

  2. 兼容性强:UniApp基于Vue.js框架,结合了各个平台的原生能力,可以调用设备的硬件功能,提供丰富的API接口,满足各种应用的需求。

  3. 开发便捷:UniApp使用Vue.js的开发语法,配合强大的插件系统和组件库,使得开发过程更加高效和简洁。

  4. 性能优化:UniApp针对不同平台做了性能优化,实现了快速启动和流畅的用户体验。

  5. 社区活跃:UniApp拥有庞大的开发者社区,提供了丰富的资源和支持,开发者可以互相交流和分享经验。

总之,UniApp是一款强大的跨平台应用开发框架,可以帮助开发者快速构建高性能、兼容多平台的应用。

作为一个可以一端生成多端的框架今天分享一个路线标注的例子

<view class="mine_map"><map id="map" class="map" :latitude="lat" :longitude="long" :show-location="false":polyline="polyline"></map></view>

我是用的uniapp自带的map标签使用的腾讯地图

首先要manifest.json文件如下配置

然后你需要在腾讯地图下载qqmap-wx-jssdk1.2.zip压缩包;

路径:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

将下载好的压缩包解压然后将其qqmap-wx-jssdk.js文件放到项目文件中;然后将其引入

在data的return中声明两个数组用于存放起点与终点以及一些其他需要用到的变量

form: { // 初始地latitude: '',longitude: '',},to: { // 目的地坐标latitude: '',longitude: '',},
qqmapsdk: {}, // 腾讯地图小程序的SDKpolyline: [], // 路线map: null, // 创建的map对象index: 0,

然后

onReady() {// 创建map对象this.map = uni.createMapContext('map')},

其次

this.qqmapsdk = new QQMapWX({key: '' // 自己申请的key值});this.routePlanning();

最后就是路线规划的重要代码了

// 路线规划routePlanning() {let that = thisthat.qqmapsdk.direction({mode: 'driving', // 驾车from: { // 起始位置(当前位置)坐标latitude: that.lat,longitude: that.long},to: { // 目的地坐标latitude: that.end_lat,longitude: that.end_long,},// 目的地位置坐标success(res) {// console.log(res)var coors = res.result.routes[0].polylinevar pl = [] // 点串数组// 坐标解压(返回的点串坐标,通过前向差分进行压缩)var kr = 1000000for (var i = 2; i < coors.length; i++) {coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr}// 将解压后的坐标放入点串数组pl中for (var i = 0; i < coors.length; i += 2) {pl.push({latitude: coors[i],longitude: coors[i + 1]})}console.log('点串数组', pl)// 设置polyline属性,将路线显示出来,将解压坐标第一个数据作为起点that.polyline = [{points: pl,color: '#367EEF', // 线的填充色width: 3, // 折现宽度borderWidth: 2, // 边线宽度 borderColor: '#5B98FD', // 边线颜色lineCap: 'square', // 线端头showArrow: true, // 沿线路方向显示箭头}]}})},

注:map标签中:polyline="polyline"为是否显示路线

希望对您有所帮助

http://www.hrbkazy.com/news/20414.html

相关文章:

  • .net 微信网站开发win优化大师有用吗
  • 旅游网站开发论文摘要中国十大小说网站排名
  • 网站制作网页设计企业网站推广可以选择哪些方法
  • 织梦网站做图床网站客服
  • 广州做网站建设哪家公司好从事网络营销的公司
  • 新网站没有死链接怎么做网络营销事件
  • 个人淘宝客网站如何备案关键词查询
  • 做网站没有数据库win10必做的优化
  • 有没有专门做花鸟鱼虫的网站写文章在哪里发表挣钱
  • 如何做个人网站企业推广网站
  • 做白酒网站厨师培训机构 厨师短期培训班
  • 百度推广 个人网站自动点击器免费下载
  • 郑州哪里有做网站百度快速收录入口
  • 查询工具类网站制作爱站网站长seo综合查询
  • 网站检测器seo网站收录工具
  • 专业制作存单seo技巧是什么
  • wordpress隐藏网站百度竞价排名案例分析
  • 广西平台网站建设报价湖南网站定制
  • 国外做二手服装网站有哪些东莞seo推广机构帖子
  • 做网站公司 衡阳公司蒙牛牛奶推广软文
  • 帮做3d模型的网站百度浏览器电脑版
  • 程序员开源网站百度客服在哪里找
  • 个人网站源代码html关键词林俊杰在线听免费
  • 网站怎么做vga头东莞市网络营销公司
  • 哪些网站是用asp.net开发的百度网络电话
  • 丹灶网站建设公司html做一个简单的网页
  • 服装公司网站首页如何做游戏推广
  • 如何做免费的公司网站青岛seo招聘
  • 2014 湖南个人网站备案可以做b2b吗为什么外包会是简历污点
  • 网站建设是广告吗网站seo技术