调用百度地图API
百度地图开发文档地址：http://lbsyun.baidu.com/index.php?title=jspopular3.0
qq扫码登录
创建应用可以申请秘钥
我申请的秘钥：ycawI3hjWts4zQ0Et4O0GyxXfI5jWF6b
zM2RKSEjDrpFwwuhQ84gdLfls57asX20
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=ycawI3hjWts4zQ0Et4O0GyxXfI5jWF6b"></script> <style> /* 地图容器样式 */ #container{ width:100%; height:500px; } </style> </head> <body> <div id="container"></div> <script> // 创建地图实例 var map = new BMap.Map("container"); // 设置中心坐标点 var point = new BMap.Point(116.404, 39.915); //这里设置成天安门的坐标 // 地图初始化 设置中心坐标及地图级别 map.centerAndZoom(point, 15); //开启鼠标滚轮缩放 map.enableScrollWheelZoom(true); var marker = new BMap.Marker(point);// 创建标注 map.addOverlay(marker);// 将标注添加到地图中 // 4000后地图的中心点移动到新的中心点 window.setTimeout(function(){ map.panTo(new BMap.Point(116.409, 39.918)); }, 4000); </script> </body> </html>
根据地名获取位置坐标
地址解析服务 .根据地址描述获得坐标信息。 百度地图API提供Geocoder类进行地址解析，您可以通过Geocoder.getPoint()方法来将一段地址描述转换为一个坐标。 如下示例，我们将地址“北京市海淀区上地10街10号”转换获取该位置的地理经纬度坐标，并在这个位置上添加一个标注。注意：在调用Geocoder.getPoint()方法时您需要提供地址解析所在的城市（本例为“北京市”）。 var map = new BMap.Map("l-map"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 创建地址解析器实例 var myGeo = new BMap.Geocoder(); // 将地址解析结果显示在地图上，并调整地图视野 myGeo.getPoint("北京市海淀区上地10街10号", function(point){ if (point) { map.centerAndZoom(point, 16); map.addOverlay(new BMap.Marker(point)); } }, "北京市");
了解更多请查看文档
。
