使用百度地图api功能显示位置
2016-09-27 09:35
134 查看
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0"> <title>使用百度地图展示位置</title> <link rel="stylesheet" type="text/css" href="bootstrap/bootstrap.min.css" /> <style type="text/css"> .jtt{ width: 1000px; height: 500px; margin: 0; font-family: "微软雅黑"; } </style> </head> <body> <div class="jtt" id='allmap'></div> <script type="text/javascript" src="jquery/jquery.min.js"></script> <script type="text/javascript" src="bootstrap/bootstrap.min.js"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=FsZTps2xmuGacVVGlxR3HhPb"></script> <script type="text/javascript"> //待显示的坐标位置 var value = { "city":"南京", "xzuobiao":"118.777739", "yzuobiao":"32.063736" } $(function(){ // 百度地图API功能 var map = new BMap.Map("allmap",{minZoom:12,maxZoom:17}); // 创建Map实例 map.centerAndZoom(new BMap.Point(value.xzuobiao,value.yzuobiao), 14); // 初始化地图,设置中心点坐标和地图级别 map.addControl(new BMap.MapTypeControl()); //添加地图类型控件 map.setCurrentCity(value.city); // 设置地图显示的城市 此项是必须设置的 var new_point = new BMap.Point(value.xzuobiao,value.yzuobiao); var marker = new BMap.Marker(new_point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中 map.panTo(new_point); map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件 map.addControl(new BMap.ScaleControl()); // 添加比例尺控件 map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件 map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 }); </script> </body> </html>
效果图:
使用该网页获取x y 坐标:
http://api.map.baidu.com/lbsapi/getpoint/index.html
相关文章推荐
- 使用百度地图api实现定位及选择位置功能
- 使用百度地图API,定位并显示自己的位置
- 使用百度地图api实现定位及选择位置功能
- 怎样正确使用"我的位置“功能
- “我的位置”功能在有和没有GPS手机上使用的区别
- ASP.Net中使用FreeTextBox图片上传功能的修改(点上传直接返回编辑器显示图片)
- 使用PagedDataSource类实现DataList和Repeater控件的分页显示功能
- 使用PagedDataSource类实现DataList和Repeater控件的分页显示功能
- XP显示不了隐藏文件了 无法使用Windows XP搜索功能
- Joomla!中如何使用switcher.js实现一个位置上div层的切换显示 【转】
- Word2003时弹出这个“无法访问您试图使用功能所在的网络位置”输入包含安装程序包gaozhi.msi
- 小功能:当前鼠标的位置显示(需脚本处理)
- 给我的blog加了一个功能,每次打开的时候自动在顶部副标题位置显示一条格言:)
- office打开提示无法访问您要使用的功能所在的网络位置
- 使用UIView类提供的功能来显示动画的例子
- 后台增加IP地理位置显示功能
- 使用PagedDataSource类实现DataList和Repeater控件的分页显示功能
- 使用PagedDataSource类实现DataList和Repeater控件的分页显示功能
- C#使用系统的“显示桌面”功能(Shell.Application)
- 柱状图使用实例--设置柱子上是否显示数值及数值的显示位置