`
a19905522
  • 浏览: 95258 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

百度地图坐标拾取器vue组件

 
阅读更多

在很多后台应用中,输入坐标,如果只给一个输入框,还需要用户打开百度的坐标拾取页面, 复制完再粘贴到我们的系统页面中,

这样不仅繁琐,而且在坐标编辑查看的时候也不直观,坐标填错了,也不能一看看出来,作为程序员我们总要多想一步,甚至帮助产品经理提出更好的解决方案,所以开发了此组件,方便在各类系统中直接嵌入坐标拾取功能。

百度地图坐标拾取器vue组件,改善后台应用坐标输入体验,支持按城市名称搜索。 搜索框样式依赖elementUI,不需要可删除顶部的elementUI组件标签,地图部分无依赖项,使用前请在html模板文件中自行引入百度地图sdk的js外链文件

 

此处输入图片的描述

      <mapselect :inputDefault="form.address" :oldMarker="oldMarker" @mapclick="pointChange"
                 @addr="addrChange" ref="mapsec"></mapselect>
  • mapcenter:地图初始化时的中心坐标
  • oldMarker:可选项,用于坐标点位编辑场景,显示已有的marker坐标,点击其他地方后自动消失
  • @mapclick:点击地图后的回调,参数为地图的坐标值

 

https://github.com/jinghaonode/baidu-map-point

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics