importVuefrom'vue'importVueRulerToolfrom'vue-ruler-tool'Vue.component('vue-ruler-tool',VueRulerTool) 你现在就可以使用该组件了 <template><vue-ruler-tool:content-layout="{left:200,top:100}":is-scale-revise="true":preset-line="presetLine"></vue-ruler-tool></template>import VueRulerTool from...
14 $ npm install --save vue-ruler-tool 15 ``` 16 全局注册 17 ``` 18 import Vue from 'vue' 19 import VueRulerTool from 'vue-ruler-tool' 20 21 Vue.component('vue-ruler-tool', VueRulerTool) 22 ``` 23 你现在就可以使用该组件了 24 ``` ...
Vue Ruler Tool 使用了流行的前端框架Vue.js,它以数据驱动和组件化为核心,具备良好的可维护性和扩展性。此外,这个组件还利用了CSS3和HTML5的特性,确保其在现代浏览器上的高性能运行。通过封装自定义事件,开发者可以轻松地监听并响应用户的测量操作。 主要特点 实时测量:用户可以通过鼠标或触屏设备实时测量页面上的任...
VueRuler Tool: 创新Web设计的新锐利器去发现同类优质开源项目:https://gitcode.com/是一款基于Vue.js开发的交互式标尺工具组件,旨在提升前端开发者和设计师的工作效率,特别是在需要精确布局和测量网页元素的情况下。这个项目提供了一个直观且易于集成的解决方案,使得在Web应用中添加量规功能变得轻而易举。技术解析Vue...
varruler2;ruler2=newAMap.RangingTool(map,{startLabelText:"START",midLabelText:"MID",endLabelText:"END"});ruler2.turnOn();//开启绘制letthat=thisAMap.Event.addListener(ruler2,"end",function(e){console.log(e.points)//绘制测量工具点结束的数据ruler2.turnOff()//关闭绘制});// ps:如果遇到...
"name":"vue-ruler-tool", "description":"vue标尺辅助线", "version":"1.0.7", "version":"1.0.8", "author":"gorkys", "license":"MIT", "main":"dist/index.js", Expand Down 10 changes: 2 additions & 8 deletions10src/App.vue ...
master vue-ruler-tool/.gitignore Go to file gorkys 修改:标尺采用0.6不透明,数值以最里面为标准,虚线初始位置更改 … Latest commit 4597fcd on Mar 21, 2019 History 1 contributor 13 lines (12 sloc) 145 Bytes Raw Blame .DS_Store node_modules/ dist/ npm-debug.log yarn-error.log ...
</MeasureTools> 地图测量 </template> import DrawTools from './DrawTools.vue' import MeasureTools from './MeasureTools.vue' import useRotation from './hooks/useRotation' import useFly from './hooks/useFly' const { mark, handleRotation } = useRotation() const { flyMsg, flyTo }...
用于调试 js.js 应用程序的 Chrome devtools 扩展。 Vue.js devtools v4.1.5_beta Chrome插件图片 Vue.js devtools v4.1.5_beta基本信息 插件名称:Vue.js devtools v4.1.5_beta插件作者:vuejs-dev插件语言:English官方站点:https://vuejs.org插件唯一标识:nhdogjmejiglipccpnnnanhbledajbpd_4.1.5_beta ...
在你的Vue组件中,你可以使用RangingTool进行测距。首先,确保在组件的data中初始化一个变量来存储RangingTool实例。 javascript data() { return { ruler: null, map: null }; } 然后,在组件的mounted钩子中初始化地图和RangingTool。 javascript mounted() { this.map = new AMap.Map('mapContainer', { cent...