最近客户提了一个需求，要在网站中添加百度地图的显示，其实原来是有谷歌地图的，但由于谷歌在大陆遭到封杀，只好再给用户增加一个选择了。

下面我将自己最近整理的一些知识分享给大家。

　　如何使用百度地图API：

1、要先引用API库的链接：

　　eg：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>　　

　　　　<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
　　百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端

基于浏览器的地图应用开发，且支持HTML5特性的地图开发。

　　该套API免费对外开放。自v1.5版本起，需先申请密钥（ak）才可使用，接口（除发送短信功能外）无使用次数限制。

　　打开该链接：http://developer.baidu.com/map/index.php?title=jspopular

　　这里面有很多Demo，可以自己先看一下。

2、以百度提供的Demo为例，简单介绍一下：

 <!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">

   body, html,#allmap {width: %;height: %;overflow: hidden;margin:;font-family:"微软雅黑";}

   </style>

   <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4">

   </script>

   <title>地图展示</title>

   </head>

 <body>

   <div id="allmap" style="width:800px;height:600px"></div>

 </body>

 </html>

 <script type="text/javascript">

   //百度地图API功能

   var map = new BMap.Map("allmap"); //创建Map实例

   var point = new BMap.Point(116.404, 39.915);//初始化地图,设置中心点坐标和地图级别

   map.centerAndZoom(point, );

   map.addControl(new BMap.MapTypeControl());   //添加地图类型控件

   map.setCurrentCity("北京"); //设置地图显示的城市 此项是必须设置的

   map.enableScrollWheelZoom(true);//开启鼠标滚轮缩放

   //创建标注

   function addMarker(point){

     var marker = new BMap.Marker(point);

     map.addOverlay(marker);

   }

   addMarker(point);

 </script>

　　将上面的代码复制下来，保存为.html文件，然后运行，会显示为和百度地图一样的页面。

　　效果截图如下：

　　

　　先整理这么多，这些都是比较简单的，一些入门知识，等以后接触更多的话，再继续和大家分享。

C#调用百度地图API经验分享（一）的更多相关文章

  1. C#调用百度地图API经验分享（四）

    这一篇,记录一下我调用的地图API实现的功能.下面介绍的都是一些片段的节选,不能直接复制就运行.在实现之前肯定要加载地图,先放一个webbroser控件,然后如下: private void Form ...

  2. C#调用百度地图API经验分享（三）

    这一篇我将跟大家分享一下我自己在开发过程中总结出的一些操作地图的方法,属性,及思路,希望可以让大家少走弯路. 1.定位 一般百度的示例DEMO里开始初始化地图时用的都是map.centerAndZoo ...

  3. C#调用百度地图API经验分享（二）

    接着上一篇,将上一篇代码的js提取出来:<script type="text/JavaScript">var map = new BMap.Map("allm ...

  4. 调用百度地图Api实现的查看地图功能的小插件

    1. 功能 bMap.js 可根据地理位置调用出百度地图,采用弹出框形式 2.用法 var city = '青岛市'; var address = '香港中路'; bMap.init({ city : ...

  5. 【c#】Form调用百度地图api攻略及常见问题

    首先,在Form中调用百度地图api,我们需要使用webbrowser控件,这个在前面的文章中已经讲过了,可以参照(http://blog.csdn.net/buptgshengod/article/ ...

  6. HTML5调用百度地图API获取当前位置并直接导航目的地的方法

    <!DOCTYPE html> <html lang="zh-cmn-Hans">     <meta charset="UTF-8&quo ...

  7. HTML5 调用百度地图API地理定位

    <!DOCTYPE html> <html> <title>HTML5 HTML5 调用百度地图API地理定位实例</title> <head&g ...

  8. 跨平台移动开发_PhoneGap 使用Geolocation基于所在地理位置坐标调用百度地图API

    使用Geolocation基于所在地理位置坐标调用百度地图API 效果图 示例代码 <!DOCTYPE html> <html> <head> <title& ...

  9. HTML5调用百度地图API进行地理定位实例

    自从HTML5的标准确定以后,越来越多的网站使用HTML5来进行开发.虽然对HTML5支持的浏览器不是很多,但是依然抵挡不了大伙对HTML5开发的热情.今天为大家带来的是使用HTML5调用百度地图AP ...

随机推荐

  1. hbase shell基础和常用命令详解(转)

    HBase shell的基本用法 hbase提供了一个shell的终端给用户交互.使用命令hbase shell进入命令界面.通过执行 help可以看到命令的帮助信息. 以网上的一个学生成绩表的例子来 ...

  2. Windows下PHP版本选取

    1. 下载地址 http://windows.php.net/download/ 2. PHP大版本 PHP4:由于太古老.对OO支持不力已基本被淘汰. PHP5:分为三个分支——PHP5.2之前的版 ...

  3. mysql <-> sqlite

    在做程序时,sqlite数据很方便.用mysql数据导出到sqlite的步骤:(用csv文件过渡) -------------------------------  先导出到csv文件  ------ ...

  4. Sql的一些概念

    聚合函数 聚合函数可以返回整个或者几个列或者一个列的汇总数据,它常用来计算SELECT语句查询的统计值.聚合函数经常与SELECT语句的GROUP BY 子句一同使用.

  5. jquery 监听radio选中，取值

    $(document).ready(function(){ $("input[name=discount]").each(function(){ $(this).click(fun ...

  6. Windows下配置nginx根目录的问题

    location / { root E:/xampp/htdocs/html5/php/yii2-rest-master/rest/web; index index.html index.htm; } ...

  7. 关于Unity中Camera的Aspect

    一直以来对Camera的Aspect和Game窗口的Aspect都是一知半解,某天从一本书中看到了对Camera的API讲解,但是总觉得对Aspect讲解的有问题.于是就认真的思考起了这个问题,还发现 ...

  8. Good Bye 2013 C

    C. New Year Ratings Change time limit per test 1 second memory limit per test 256 megabytes input st ...

  9. 在win server 2003上安装SQL Server 2008的步骤

    1.安装Microsoft .NET Framework 3.5 Service Pack 1,下载地址:http://www.microsoft.com/zh-cn/download/confirm ...

  10. python类及其方法

    python类及其方法 一.介绍 在 Python 中,面向对象编程主要有两个主题,就是类和类实例类与实例:类与实例相互关联着:类是对象的定义,而实例是"真正的实物",它存放了类中 ...