zoukankan      html  css  js  c++  java
  • 小程序---电影商城---地图组件

    一、小程序---电影商城---地图组件

    html5中新特性:geolocation 通过浏览器中的js程序获取当前用户位置信息.(经度/纬度/海拔/速度)

    数据用于LBS(Location Base Service)基于位置服务

    饿了么,滴滴打车...

    实现定位

    (1)window.navigator.geolocation({})

        getCurrentPosition:fn

    (2)第三方定位服务商:高德地图/腾讯地图/百度地图

    -小程序:组件map(绘制地图)

    <map>

        longitude  中心位置经度

        latitude     中心位置纬度

        scale          缩放级别  3`20

        style="100%;height:600px;"

    </map>

    -百度地图坐标拾取系统

    http://api.map.baidu.com/lbsapi/getpoint/index.html

    116.300901,39.916085

    公主坟:116.316685,39.913702

    个人中心 

    ---头像

    <open-data type="userAvatorUrl"><open-data>

    --呢称

    <open-data type="userNickName"></open-data>

    --获取更多的用户信息

    <button open-type="getUserInfo" bindgetuserinfo="handleGetInfo">

       获取信息

    </button>

    #询问是否允许公共你信息

    2.我喜欢的电影

    (1)添加个人喜欢电影(电影图片/文字)---mymovie

    -创建组件 mymovie 

    -上传图片按钮(一次上传多张)

    #选择指定图片

    #指定位置data显示(预览)

    -提交:图片上传云存储/评论->云数据库

    (2)显示所有喜欢电影列表-movielist

    --创建组件 movieDetail

    -在mymovie 点击按钮"查询喜欢电影列表"

    跳转movieDetail

    #navigateTo

    -为组件元素[电影列表/喜欢原因/图片]

    -loadMore()查询云数据库 mymovie

    -在mymoive列表显示内容

    二、安装手机模拟器:蓝蝶/夜神

    (1)phonegap服务器

    (2)手机模拟器(蓝蝶/夜神)

    -混编技术

      混编技术思路:我们创建一套应用程序,自动生成多套应用程序在不同的平台

      上打包运行。

       应用程序=>原生(ios/android/小程序/小程序)

       你写一个程序->自动生成(5个)

     -实现应用

    (1)国外phonegap

         -一套应用程序上传打包两个app

         -对js封装直接调用手机底硬件(***)

    (2)国内mpvue

    --创建vue项目自动转换两个项目

       h5/小程序项目(视频)

    --环境搭建

    1:启动phonegap服务器

    2:手机模拟器

    3:手机模拟器app

    下载服务器程序index.html

    并且运行

    下载

    -phonegap提供对象(直接手机硬件)

    (1)deviceuuid 设备(手机操作系统名称/uuid/手机版本)

        device.platform 获取手机操作系统平台 IOS Android

        device.uuid  全手机硬件编号

        #全世界所有手机生产时分配编号

        地区-手机厂商编号-手机编号

        device.version 获取手机版本

  • 相关阅读:
    题目1441:人见人爱 A ^ B(二分求幂)
    题目1003:A+B(按逗号分隔的A+B)
    题目1002:Grading(题目背景基于高考打分的简单判断)
    题目1104:整除问题(还是求素数)
    题目1040:Prime Number(第k个素数)
    题目1440:Goldbach's Conjecture(哥达巴赫猜想)
    题目1438:最小公倍数(利用最大公倍数求解)
    题目1439:Least Common Multiple(求m个正数的最小公倍数lcm)
    题目1080:进制转换(任意进制直接转换方法)
    题目1083:特殊乘法(求模运算符的使用)
  • 原文地址:https://www.cnblogs.com/sna-ling/p/11902019.html
Copyright © 2011-2022 走看看