百度地图使用-简单使用
2014-04-27 12:30
176 查看
1、获取密钥,JavaScript API v1.4及以前版本无须申请密钥(ak),自v1.5版本开始需要先申请密钥(ak),才可使用API接口。
格式如:http://api.map.baidu.com/api?v=1.5&ak=您的密钥
2、简单使用DEMO
View Code
格式如:http://api.map.baidu.com/api?v=1.5&ak=您的密钥
2、简单使用DEMO
<script> $(function () { //创建地图 var map = new BMap.Map("ditu"); window.map = map; //地图设置 map.enableDragging(); //启用地图拖拽事件,默认启用 map.enableScrollWheelZoom(); //启用地图滚轮放大缩小 map.enableDoubleClickZoom(); //启用鼠标双击放大,默认启用 map.enableKeyboard(); //启用键盘上下左右键移动地图 map.enableContinuousZoom(); //启用连续缩放效果 //添加地图控件 map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件 map.addControl(new BMap.ScaleControl()); //添加默认比例尺控件 map.addControl(new BMap.OverviewMapControl({ isOpen: 1 })); //添加默认缩略地图控件 map.addControl(new BMap.MapTypeControl()); //添加控件展示的类型 包括 地图 卫星 三维 map.centerAndZoom('南京', 13); // 初始化地图,设置中心点坐标和地图级别。 //添加覆盖物 addPoint(); }); function addPoint() { var point = new BMap.Point(118.757917, 32.043227); var myIcon = new BMap.Icon("resource/image/employee.gif", new BMap.Size(10, 18)); //创建标注图标 var marker = new BMap.Marker(point, { icon: myIcon }); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中 //添加鼠标事件 marker.addEventListener("mouseover", function () { this.openInfoWindow(new BMap.InfoWindow( "" , { title: '<a href=" " target="_blank">' + "我是GPS坐标" + '</a>' } )); }); BMap.Convertor.translate(point, 0, function (currentPoint) { var marker = new BMap.Marker(currentPoint, { icon: myIcon }); map.addOverlay(marker); //添加鼠标事件 marker.addEventListener("mouseover", function () { this.openInfoWindow(new BMap.InfoWindow( "" , { title: '<a href=" " target="_blank">' + "我是百度地图坐标" + '</a>' } )); }); }); } </script>
View Code
相关文章推荐
- android 百度地图简单使用(android Studio )
- 【html5百度地图】简单使用
- 百度地图 - 简单使用
- 160518、java中使用百度地图(超级简单)
- ios中使用百度地图简单步骤
- 2种在vue项目中使用百度地图的简单方法
- iOS百度地图简单使用详解
- 百度地图简单使用——添加折线,圆形等(html,js)
- 百度地图 Android SDK - 检索功能使用的简单示例
- Android 百度地图(一)——简单使用
- 百度地图的简单使用 ——html js
- Android 百度地图简单使用
- Android开发之百度地图的简单使用
- 百度地图的简单使用
- 百度地图 sdk 简单封装使用 获取当前位置
- iOS开发 - 百度地图的简单使用
- 百度地图之事件处理——获取所在的经纬度(百度地图简单使用)
- iOS 每日一记-------简单的地百度地图的使用 简单地定位
- 百度地图的集成和简单使用
- 百度地图和Echarts的简单使用