百度地图API的用法

百度地图API演示样例

百度地图API学习总结

<1>

  1. <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Peer._128uu.DAL.Model.MemberRegisterInfo>" %>
  2.  
  3. <!DOCTYPE HTML>
  4. <html>
  5. <head>
  6.     //百度地图的js引入
  7.     <script type="text/javascript" src="http://api.map.baidu.com/api?
  8.  
  9. v=1.3"></script>
  10. </head>
  11. <body>
  12.     <% using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @id = "form1", @name = "form1" }))
  13.        {%>
  14.     <%: Html.ValidationSummary(true)%>
  15.  
  16.     <div style="width: 520px; height: 340px; border: 1px solid gray" id="container">
  17.     </div>
  18.     <input id="submit" type="submit" value="提交" class="registerBtn" />
  19.  
  20.     <% } %>
  21. </body>
  22. </html>
  23. <script type="text/javascript">
  24.  
  25.     var map = new BMap.Map("container"); //在container容器中创建一个地图,參数container为div的id属性;
  26.  
  27.     var point = new BMap.Point(112.035925, 22.939858); //定位酒店的坐标（酒店的坐标冲数据库里取）
  28.  
  29.     var marker = new BMap.Marker(point)// 在当前地址处创建标注
  30.  
  31.     map.addOverlay(marker); // 将标注加入到地图中
  32.  
  33.     var label = new BMap.Label("云浮碧桂园凤凰酒店", { offset: new BMap.Size(20, -10) });
  34.  
  35.     marker.setLabel(label); //给标注加入文字信息
  36.  
  37.     map.addControl(new BMap.NavigationControl()); //向地图加入一个平移缩放控件
  38.     map.addControl(new BMap.MapTypeControl()); //地图类型控件。默认位于地图右上方
  39.     map.addControl(new BMap.ScaleControl()); //一个比例尺控件
  40.     map.addControl(new BMap.OverviewMapControl()); //一个缩略图控件
  41.  
  42.     map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
  43.     map.enableDoubleClickZoom(); //启用鼠标双击放大。默认启用(可不写)
  44.     map.enableDragging(); //启用地图拖拽事件。默认启用(可不写)
  45.     map.enableKeyboard(); //启用键盘上下左右键移动地图
  46.  
  47.     function showInfo(e) {
  48.         alert(e.point.lng + ", " + e.point.lat);
  49.     }
  50.     map.addEventListener("click", showInfo); //给地图加入点击事件。
  51.  
  52.     map.centerAndZoom(point, 15); //将point移到浏览器中心，而且地图大小调整为15;
  53.  
  54.     //            //创建小狐狸
  55.     //	        var pt = new BMap.Point(116.417, 39.909);
  56.     //	        var myIcon = new BMap.Icon("http://developer.baidu.com/map/jsdemo/img/fox.gif", new BMap.Size(300,157));
  57.     //	        var marker2 = new BMap.Marker(pt,{icon:myIcon});  // 创建标注
  58.     //	        map.addOverlay(marker2);  
  59.  
  60.     //定位到当前城市
  61.     //            var city = new BMap.LocalCity();
  62.     //            city.get(getLocalCity);
  63.     //            function getLocalCity(result) { //获取本地城市
  64.     //            var cityName = result.name;
  65.     //            map.centerAndZoom(cityName, 15);
  66.  
  67.     //            //map.centerAndZoom(point,15);//将point移到浏览器中心，而且地图大小调整为15;
  68.     //            map.addControl(new BMap.NavigationControl());
  69.     //            map.addControl(new BMap.MapTypeControl());
  70.     //            map.addControl(new BMap.ScaleControl());
  71.     //            map.addControl(new BMap.OverviewMapControl());
  72.     //
  73.     //            }
  74.  
  75. </script>

百度地图AP1的更多相关文章

  1. 【详细教程】论android studio中如何申请百度地图新版Key中SHA1值

    一.写在前面 现在越来越多的API接口要求都要求提供我们的项目SHA1值,开发版目前还要求不高,但是发布版是必定要求的.而目前定位在各大APP中也较为常见,当下主流的百度地图和高德地图都在申请的时候会 ...

  2. C# 程序中嵌入百度地图

    本例是对WinForm中使用百度地图的简要介绍.百度地图目前支持Android开发,IOS开发,Web开发,服务接口,具体可以参照'百度地图开放平台'. [动态加载百度地图]涉及到的知识点: WebB ...

  3. Android 调用百度地图API

    一.到 百度地图开发平台下载SDK http://lbsyun.baidu.com/index.php?title=androidsdk/sdkandev-download 1.点击自定义下载 2.下 ...

  4. EChart系列：在echart3中使用百度地图扩展之后，如何获取到百度地图对象

    最近做项目想要在百度地图上叠加显示echart的散点图,然后根据地图的缩放等级和区域范围要显示不同的散点图,这中间折腾了好久.功能要求包括: (1)底图使用百度地图: (2)可以在地图上叠加显示ech ...

  5. 【月入41万】Mono For Android中使用百度地图SDK

    借助于Mono For Android技术,.Net开发者也可以使用自己熟悉的C#语言以及.Net来开发Android应用.由于Mono For Android把Android SDK中绝大部分类库都 ...

  6. Xamarin.Android之使用百度地图起始篇

    一.前言 如今跨平台开发层出不穷,而对于.NET而言时下最流行的当然还是Xamarin,不仅仅能够让我们在熟悉的Vs下利用C#开发,在对原生态类库的支持方面也有着非常的好支持,今天我们将会以百度地图类 ...

  7. 百度地图API的使用

    ------------------自说自话----------------------------- 好奇怪,习惯性使用有道云笔记记录心得与知识后就很少用博客园来记录了. 但是后来想想,有些东西还是 ...

  8. 最全面的百度地图JavaScript离线版开发

    转载请注明出处:http://www.cnblogs.com/Joanna-Yan/p/5822231.html 项目要求web版百度地图要离线开发.这里总结下自己的开发过程和经验. 大概需求是:每辆 ...

  9. 微信JS-SDK坐标位置转换为百度地图坐标

    微信JS-SDK开发过程中,使用getLocation获取坐标位置,如何将微信获取的坐标直接应用到百度地图中,显示以下效果: 说明:红色图标是从微信转换过来的位置,蓝色图标是周边位置.首先从微信开发流 ...

随机推荐

  1. PAT 1002 Hello World for U (20)

    Given any string of N (>=5) characters, you are asked to form the characters into the shape of U. ...

  2. JS firebug小技巧

    实际上前端的发展与进步也离不开浏览器的支持,而对于开发者来讲,浏览器最好的支持,就是对于debug的良好支持,甚至在某些兴许接手的项目中,前端的debug甚至能够解决好多问题--不说了,都是泪啊!还是 ...

  3. 黑马程序猿 ---------- Java网络技术之 ---正則表達式 （Day06）

    ---------------------- ASP.Net+Unity开发..Net培训.期待与您交流. ---------------------- 正則表達式 正則表達式:基本知识 1  字符, ...

  4. 开源数据库连接池之Tomcat内置连接池

    本篇介绍几种开源数据库连接池,同时重点讲述如何使用Tomcat服务器内置的数据库连接池. 之前的博客已经重点讲述了使用数据库连接池的好处,即是将多次创建连接转变为一次创建而使用长连接模式.这样能减少数 ...

  5. PL/SQL(二)：变量

    变量 标识符定义 PL/SQL程序设计中的标识符定义与SQL的标识符定义的要求相同.要求和限制有: 个字符. )首字符必须为字母. )不区分大小写. )不能使用SQL保留字. )对标识符的命名最好遵循 ...

  6. js显示时间

    function nowTime(){ var data= new Date(); var y=data.getFullYear(); var m=parseInt(data.getMonth())+ ...

  7. 【zigbee】开启及清除NV_RESTORE信息的方法

    1.NV_RESTORE宏的作用 问:coo和终端都已经组网成功 1.这时将coo断电,又一次上电,组网后终端的短地址是否不变? 2.这时终端断电,又一次上电,组网后终端的短地址是否不变? 3.这时C ...

  8. 创建采购订单批到程序用的BAPI

    CALL FUNCTION 'BAPI_PO_CREATE1' EXPORTING poheader = poheader poheaderx = poheaderx * POADDRVENDOR = ...

  9. 【linux】常用网站

    Kernel: http://www.kernel.org/ LSB (Linux Standard Base): http://www.linuxbase.org/ ELC(Embedded Lin ...

  10. 小言C指针

            指针c语言,占据着重要的地位.终场前int.char.double其他类别似.它是一种数据类型,其特殊的原因int等基本类型的变量存储内容,针变量存放的是地址. 内存被划分成很多但愿区 ...