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

来源：https://blog.csdn.net/a19905522/article/details/101348918