Map插件

提供原生高德地图相关功能

插件工作原理

1. 开发者首先在本地像编写 web 页面一样编写一个 app 的界面，然后通过命令行工具将之编译成一段 JavaScript 代码，生成一个 Weex 的 JS bundle;
2. 开发者将生成的 JS bundle 部署至云端;
3. 调用插件API navigator.map.open(resultCallback, options) 通过网络请求的方式加载至用户的移动应用客户端;

环境安装

1. 安装Node.js

2. 安装weex-toolkit

   • OSX环境

     $ sudo chmod -R 777 /usr/local/lib/node_modules/
     $ npm i -g weex-toolkit // 安装不要使用sudo执行
     $ weex -v // 查看当前weex工具版本
     

   • Windows环境

     $ npm i -g weex-toolkit 
     $ weex -v // 查看当前weex工具版本
     

3. 安装结束后你可以直接使用 weex help命令验证是否安装成功，它会显示 weex 支持的所有指令，同时，你也可以通过 weex doctor 命令检查你的本地开发环境
4. 初始化项目

    # 从官方模板中创建项目
    $ weex create my-project
   

5. 开发

    cd my-project
    npm install
    npm start
   

   命令会自动的在默认浏览器中打开一个页面，以供查看页面在 Web 下的渲染效果。源代码在 src/ 目录中，你可以像一个普通的 Vue.js 项目一样来开发。

6. 在手机端查看页面的渲染结果

   1. 点击浏览器打开页面中的二维码,从浏览器链接栏中拷贝出js文件的地址(注意：链接后面的参数不需要拷贝)

   2. 调用接口navigator.map.open()

      navigator.map.open(function(res){
       if(res.success) {
           console.log('地图打开成功');
       } else {
           console.log('地图打开失败:'+res.message);
       }
      },{
       'url':'http://192.168.2.35:8082/dist/index.js',
       'hot':'http://192.168.2.35:8083'
      })