百度地图API的用法

百度地图API演示样例

百度地图API学习总结

<1>

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Peer._128uu.DAL.Model.MemberRegisterInfo>" %>

<!DOCTYPE HTML>

<html>

<head>

    //百度地图的js引入

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

v=1.3"></script>

</head>

<body>

    <% using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @id = "form1", @name = "form1" }))

       {%>

    <%: Html.ValidationSummary(true)%>

    <div style="width: 520px; height: 340px; border: 1px solid gray" id="container">

    </div>

    <input id="submit" type="submit" value="提交" class="registerBtn" />

    <% } %>

</body>

</html>

<script type="text/javascript">

    var map = new BMap.Map("container"); //在container容器中创建一个地图,參数container为div的id属性;

    var point = new BMap.Point(112.035925, 22.939858); //定位酒店的坐标（酒店的坐标冲数据库里取）

    var marker = new BMap.Marker(point)// 在当前地址处创建标注

    map.addOverlay(marker); // 将标注加入到地图中

    var label = new BMap.Label("云浮碧桂园凤凰酒店", { offset: new BMap.Size(20, -10) });

    marker.setLabel(label); //给标注加入文字信息

    map.addControl(new BMap.NavigationControl()); //向地图加入一个平移缩放控件

    map.addControl(new BMap.MapTypeControl()); //地图类型控件。默认位于地图右上方

    map.addControl(new BMap.ScaleControl()); //一个比例尺控件

    map.addControl(new BMap.OverviewMapControl()); //一个缩略图控件

    map.enableScrollWheelZoom(); //启用地图滚轮放大缩小

    map.enableDoubleClickZoom(); //启用鼠标双击放大。默认启用(可不写)

    map.enableDragging(); //启用地图拖拽事件。默认启用(可不写)

    map.enableKeyboard(); //启用键盘上下左右键移动地图

    function showInfo(e) {

        alert(e.point.lng + ", " + e.point.lat);

    }

    map.addEventListener("click", showInfo); //给地图加入点击事件。

    map.centerAndZoom(point, 15); //将point移到浏览器中心，而且地图大小调整为15;

    //            //创建小狐狸

    //	        var pt = new BMap.Point(116.417, 39.909);

    //	        var myIcon = new BMap.Icon("http://developer.baidu.com/map/jsdemo/img/fox.gif", new BMap.Size(300,157));

    //	        var marker2 = new BMap.Marker(pt,{icon:myIcon});  // 创建标注

    //	        map.addOverlay(marker2);  

    //定位到当前城市

    //            var city = new BMap.LocalCity();

    //            city.get(getLocalCity);

    //            function getLocalCity(result) { //获取本地城市

    //            var cityName = result.name;

    //            map.centerAndZoom(cityName, 15);

    //            //map.centerAndZoom(point,15);//将point移到浏览器中心，而且地图大小调整为15;

    //            map.addControl(new BMap.NavigationControl());

    //            map.addControl(new BMap.MapTypeControl());

    //            map.addControl(new BMap.ScaleControl());

    //            map.addControl(new BMap.OverviewMapControl());

    //

    //            }

</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. GreenDAO数据库版本升级

    GreenDAO是一款非要流行的android平台上的数据库框架,性能优秀,代码简洁. 初始化数据库模型代码的时候需要使用java项目生成代码,依赖的jar包已经上传到我的资源里了,下载地址如下:ht ...

  2. hadoop 学习入门 一 云计算之旅

    一. 什么是云计算: 云计算是分布式计算.网格计算.并行计算.效用计算.网络存储.负载均衡.虚拟化.网络计算等传统计算技术的融合体. 二. 云计算的核心技术: 1 编程模型 2 海量数据分布存储技术 ...

  3. Linux - 文件基本操作管理

    文件基本操作管理   复制文件和目录 格式: Cp 源文件(文件夹) 新目标文件名(文件夹) 相同目录下,指定文件名. 不同目录下,不需要指定文件名. 参数: –r:递归复制整个目录树. –v:再复制 ...

  4. 在程序异常中记录堆栈信息（使用ExWatcher）

    在我们编写程序的时候可通过IDE自带的调试环境捕捉到异常(Except)错误,并能查看到相关的信息以便我们修正程序中的问题.但当软件被发布出去后,因为所部署运行的环境与我们的调试环境有很大区别,即使在 ...

  5. windows查看某个端口被谁占用

    XAMPP Error: Apache shutdown unexpectedly. 解决思路 我建议首先 运行在cmd中运行 (安装目录)apache/bin/httpd.exe 无法启动apach ...

  6. UltraEdit配置python和lua环境

    [语法高亮] 在UltraEdit的wordfile中添加python和lua的语法支持(红色的为python,蓝色的为lua): /L10"Python" Line Commen ...

  7. Swift - 文本输入框内容改变时响应，并获取最新内容

    1,问题描述 有时我们开发的时候需要先把“确认”按钮初始设置为不可用,当文本框中输入文字以后,再将输入按钮变为可用. 2,实现原理 (1)要检测文本框内容的变化,我们需要让新界面的Controller ...

  8. MFC 对话框中动态创建N级菜单以及响应事件

    创建一个基于对话框的工程,工程名为CreateMenu 为该对话框增加一个文件菜单项和测试菜单项,如下图所示   测试菜单项至少要有一个子菜单项 在对话框属性中关联该菜单 在resource.h中增加 ...

  9. jdom dom4j解析xml不对dtd doctype进行验证(转)

    一.写在所有之前:因为dom4j和jdom在这个问题上处理的方法是一模一样的,只是一个是SAXBuilder 一个SAXReader,这里以jdom距离,至于dom4j只需要同理替换一下就可以了.二. ...

  10. Shell 基本运算符

    Shell 和其他编程语言一样,支持多种运算符,包括: 算数运算符 关系运算符 布尔运算符 字符串运算符 文件测试运算符 原生bash不支持简单的数学运算,但是可以通过其他命令来实现,例如 awk 和 ...