输入经纬度在地图中标注位置（百度地图）

代码

<!DOCTYPE html>
<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">#allmap {width: 800px;height: 800px;margin:0;font-family:"微软雅黑";font-size:14px;}</style><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=F8GGZGTAevRPL7BwLtTjQvEzdAlpzqTt"></script><script src="js/jquery.min.js"></script><title></title>
</head>
<body><input type="text" id="demo"/><div id="allmap"></div></body>
</html>
<script type="text/javascript">// 百度地图API功能var map = new BMap.Map("allmap");var poi = new BMap.Point(116.403847,39.915526);map.centerAndZoom(poi, 16);var marker = new BMap.Marker(poi);  // 创建标注，为要查询的地方对应的经纬度map.addOverlay(marker);marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用$( '#demo' ).blur( function(){var str = $(this).val();var m = str.split(",");var map = new BMap.Map("allmap");var poi = new BMap.Point(m[0],m[1]);map.centerAndZoom(poi, 12);var marker = new BMap.Marker(poi);  // 创建标注，为要查询的地方对应的经纬度map.addOverlay(marker);marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用map.enableContinuousZoom();} );</script>

代码执行后初始页面

输入经纬度，input失去焦点后效果

输入经纬度在地图中标注位置（百度地图）相关推荐

html5百度地图选中标注点,百度地图标注点
百度地图API自定义地图 html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight: ...
移动端百度地图多点标注php,百度地图API多重打点标注
因为之前的html地图页面,所以去找了很多Demo和代码来学习,其中有一个Demo,不知道出处但是最后用了他的方法来处理百度地图的多重打点并且显示标注信息的方法,具体代码我就不贴了,去搜索:百度地图A ...
centerandzoom 无效_在bootstrap modal 中加载百度地图的信息窗口失效解决方法
这个问题其实很傻,解决方法没有任何技术含量,只是记录下工作中发生的事. 前阵子给一个汽车集团客户做了一个经销商查询系统,其中一个功能是使用地图标注经销商店面地址,并且实现导航功能. 页面演示地址:ht ...
C#中Winform操作百度地图
这里的博客实在是太不好写了,这么用户不友好的工具竟然来源于一个IT的专业网站,不可思议啊. 后面要做一个和地图相关的应用,先做一些准备,今天申请了百度开发认证,得到一个地图的AK,可以应用百度地图了. ...
如何将小车标注在百度地图上并且设置车头方向
如何将小车标注在百度地图上并且设置车头方向首先,需要在项目中引入百度地图的API 第二步,将百度地图嵌入到项目中第三步,将小车标注在地图中第四步,设置车头的方向 <html lang=&q ...
vue中使用echarts结合百度地图制作地图（引入百度地图、获取百度地图实例、设置百度地图）
1.初始化echarts以及例子可以看管网的地址:https://echarts.apache.org/examples/zh/editor.html?c=map-polygon 2说下我遇到的问题 ...
android java 经纬度（国标WGS84／gps84／硬件/谷歌地球卫星，Gcj02／腾讯地图/高德地图，Bd09／百度地图）之间互换
android java 经纬度(国标WGS84/gps84/硬件/谷歌地球卫星,Gcj02/腾讯地图/高德地图,Bd09/百度地图)之间互换前言: 由于项目需要,很多时候都需要地图经纬度直接的转换 ...
在vue中如何使用百度地图
在vue中如何使用百度地图在vue中如何使用百度地图注册百度开发者账户 ,然后在应用管理中创建账号,ak将是使用百度地图的秘钥,如下所示: 使用npm安装组件, npm install vue-b ...
Python地理地图可视化:folium把百度地图中国城市中心经纬度解析出来并在地图上展示（三）
python地理地图可视化:folium把百度地图各个城市经纬度解析出来并在地图上展示(三) 上一篇(https://zhangphil.blog.csdn.net/article/details/1 ...
其他地图坐标点在百度地图展示位置偏差较大--js开发百度地图服务类-Convertor
做所有操作之前,应先引入百度地图开发的js文件 <script type="text/javascript"src="http://api.map.baidu.co ...

输入经纬度在地图中标注位置（百度地图）

输入经纬度在地图中标注位置（百度地图）相关推荐

最新文章

热门文章