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

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

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

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

饿了么，滴滴打车...

实现定位

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

    getCurrentPosition:fn

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

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

<map>

    longitude  中心位置经度

    latitude     中心位置纬度

    scale          缩放级别  3`20

    style="width: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 获取手机版本