百度地图座标拾取器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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章