Git Product home page Git Product logo

vmap's Introduction

vmap

vue + 高德地图amap2.0, 持续开发中...

下载

npm i @vita2333/vmap

或者

yarn add @vita2333/vmap

引入

main.js中添加

import Vmap from '@vita2333/vmap'

Vue.use(Vmap, {
  key: "your key", // 首次调用load必须填写key
  plugins: [],  // 同步加载的插件列表
  version: "2.0",     // JSAPI 版本号
})

使用

<template>
    <vmap></vmap>
</template>

<script>
  import { vmap } from '@vita2333/vmap'

  export default {
     components:{ vmap }
  }
</script>

文档

使用文档

组件开发

关联本地项目到@node_modules/下

npm link @vita2333/vmap          

package.jsonscripts

    "libs:build"  // 打包本项目核心libs 
    "docs:dev"  //  开发文档 
    "docs:build"  // 
    "docs:deploy"  // 
    "examples:serve"  // 组件示例
    "examples:build"  // 
    "examples:lint"  // 
    "test:unit"  // 

更新代码

yarn version  # 更新package.json version
git push
yarn docs:deploy # git subtree push
npm publish  # 更新npm源

vmap's People

Contributors

vita2333 avatar

Stargazers

乡树 avatar

Watchers

James Cloos avatar  avatar

vmap's Issues

你好,询问一下关于amap2.0 使用 AMapLoader 加载 AMapUI 插件的方式

官方只有这一种示例,我按照它的示例来确实可以打印出改示例,但是我修改成轨迹展示则出现了报错,请问是我的引用方式不对吗,网上并没有这里解答,只得在这里询问,以下是我的加载代码
` methods: {
initAMap() {
AMapLoader.load({
key: "a0fe39f6c90ba997c0833b6b1cd00bfd", // 申请好的Web端开发者Key,首次调用 load 时必填
version: "2.0", // 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15
plugins: [], // 需要使用的的插件列表,如比例尺'AMap.Scale'等
AMapUI: {
// 是否加载 AMapUI,缺省不加载
version: "1.1", // AMapUI 缺省 1.1
plugins:['overlay/SimpleMarker', 'ui/misc/PathSimplifier'], // 需要加载的 AMapUI ui插件
}
})
.then((AMap) => {
this.initAMapSuccess(AMap);

    })
    .catch((e) => {
      console.log(e);
    });  
},

initAMapSuccess(AMap) {
  this.map = new AMap.Map('container', {
      zoom:17,// 级别
      center: [117.215749, 31.845937],// 中心点坐标
      viewMode: '3D',
  });

  console.log('2222:',  new AMapUI.PathSimplifier()); // 打印报错
  console.log('3333:', new AMapUI.SimpleMarker());  // 可以打印出实例

}

},`

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.