坐标拾取系统

如何用js调用百度地图api接口

匿名 (未验证) 提交于 2019-12-03 00:21:02
操作步骤: 1、先百度搜索百度地图api 2、登录进去,找到javascript API,下载下来 3、然后点击控制台,点应用,新建一个应用,然后就会有一个api 4、在javascript页面有很多功能,大家可以根据自己的需求选择,这里我选取的就是地图上那个红点,然后还有就是默认的坐标是北京的经纬度,大家可以自己修改经纬度 比如:百度搜索“拾取坐标系统”,然后输入位置,复制右上角的经纬度 5、代码部分:点击示例demo 找到设置点的弹跳动画,复制代码到编辑器中,把密钥和经纬度坐标复制进去就会得到文章开头的效果了。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} </style> <!-- 百度地图的js文件 --> <script type="text/javascript" src="http

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

时间秒杀一切 提交于 2019-11-30 12:03:29
在很多后台应用中,输入坐标,如果只给一个输入框,还需要用户打开百度的坐标拾取页面, 复制完再粘贴到我们的系统页面中, 这样不仅繁琐,而且在坐标编辑查看的时候也不直观,坐标填错了,也不能一看看出来,作为程序员我们总要多想一步,甚至帮助产品经理提出更好的解决方案,所以开发了此组件,方便在各类系统中直接嵌入坐标拾取功能。 百度地图坐标拾取器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