- 基础
- 基础
- 遮盖物
- 窗体
- 扩展
- 插件
- 自定义组件
- 示例中心
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
1.7.5 工具条插件
地图工具条插件,可以用来控制地图的缩放和平移。
示例
<vuep template="#example"></vuep>
<script v-pre type="text/x-template" id="example">
<template>
<div class="amap-page-container">
<el-amap vid="amap" :plugin="plugin" class="amap-demo">
</el-amap>
</div>
</template>
<style>
.amap-demo {
height: 300px;
}
</style>
<script>
module.exports = {
data() {
return {
plugin: [{
pName: 'ToolBar',
events: {
init(instance) {
console.log(instance);
}
}
}]
};
}
};
</script>
</script>
属性
名称 | 类型 | 说明 |
---|---|---|
position | String | 控件停靠位置 LT:左上角; RT:右上角; LB:左下角; RB:右下角; 默认位置:LT |
ruler | Boolean | 标尺键盘是否可见,默认为true |
noIpLocate | Boolean | 定位失败后,是否开启IP定位,默认为false |
locate | Boolean | 是否显示定位按钮,默认为false |
liteStyle | Boolean | 是否使用精简模式,默认为false |
direction | Boolean | 方向键盘是否可见,默认为true |
autoPosition | Boolean | 是否自动定位,即地图初始化加载完成后,是否自动定位的用户所在地,仅在支持HTML5的浏览器中有效,默认为false |
useNative | Boolean | 是否使用高德定位sdk用来辅助优化定位效果,默认:false. |
仅供在使用了高德定位sdk的APP中,嵌入webview页面时使用注:如果要使用辅助定位的功能,除了需要将useNative属性设置为true以外,还需要调用高德定位sdk中,AMapLocationClient类的startAssistantLocation()方法开启辅助H5定位功能;不用时,可以调用stopAssistantLocation()方法停止辅助H5定位功能。具体用法可参考定位SDK的参考手册
事件
事件 | 参数 | 说明 |
---|---|---|
init | Object | 高德插件示例 |
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论