百度地图使用-简单使用

1、获取密钥,JavaScript API v1.4及以前版本无须申请密钥(ak),自v1.5版本开始需要先申请密钥(ak),才可使用API接口。

格式如:?v=1.5&ak=您的密钥

2、简单使用DEMO

百度地图使用-简单使用

百度地图使用-简单使用

<%@ Page Language=http://www.likecs.com/"C#" AutoEventWireup=http://www.likecs.com/"true" CodeBehind=http://www.likecs.com/"maps.aspx.cs" Inherits=http://www.likecs.com/"Maps.maps" %> <!DOCTYPE html> <html xmlns=http://www.likecs.com/""> <head runat=http://www.likecs.com/"server"> <meta http-equiv=http://www.likecs.com/"Content-Type" content=http://www.likecs.com/"text/html; charset=utf-8"/> <title></title> <script src=http://www.likecs.com/"<%= ResolveUrl("resource/jquery-1.7.min.js")%>" type=http://www.likecs.com/"text/javascript"></script> <script type=http://www.likecs.com/"text/javascript" src=http://www.likecs.com/"?v=1.5&ak=28acbd5650cf12af195e1ecaaf83472b"></script> <style type=http://www.likecs.com/"text/css"> #ditu { width: 100%; height: 700px; } </style> </head> <body> <form id=http://www.likecs.com/"form1" runat=http://www.likecs.com/"server"> <div id=http://www.likecs.com/"ditu"> </div> </form> <script> $(function() { //创建地图 var map = new BMap.Map("ditu"); window.map =http://www.likecs.com/ 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); // 初始化地图,设置中心点坐标和地图级别。 }); </script> </body> </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjjzj.html