百度地图AP1「建议收藏」

百度地图AP1

大家好,又见面了,我是全栈君。

百度地图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>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/116471.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • springmvc上传文件过程(c菜鸟教程)

    UploadControllerpackagecom.jege.spring.mvc;importjava.io.File;importjava.io.FileOutputStream;importjava.io.InputStream;importjavax.servlet.http.HttpServletRequest;importorg.apache.co

  • kafka 查看topic offset_kafka重置offset

    kafka 查看topic offset_kafka重置offset版本信息Kafka0.8.2,JDK1.7问题现象最近我们在生产环境执行删除无用的kafkatopic的操作时,因为错误的按照8.2版本之前的删除方式操作8.2.2版本的kafka,导致删除过程异常,删除后出现consumer正在消费的其他正常topic的partition的offset值偏移的情况,导致大量消息重复消费,并且产生连锁反应,给我们的系统稳定性产生明显影响。如下日志所示,正常情况…

    2022年10月10日
  • Tcp是什么?_跟你说完了

    Tcp是什么?_跟你说完了之前受到Wireshark——从此我就喜欢上了它,就像是学武之人得到了一把称手好剑的启发,带着回顾、深入TCP的目标,回顾了《TCP-IP协议卷1》《图解TCP/IP协议》,受益匪浅。写这篇文章,希望自己能对TCP形成一个系统性的知识沉淀,也希望能给初学者一个基本概念的认识,读完本文再深入书籍,应该也是不错滴。学习路径:1、阅读《TCP-IP协议卷1》的TCP章节(相关知识非常全面,各种算法…

  • 关系数据库的设计_关系型数据库的设计原则

    关系数据库的设计_关系型数据库的设计原则1、设计一个合适的关系数据库系统的关键是关系数据库模式的设计,即应构造几个关系模式, 每个模式有哪些属性,怎样将这些相互关联的关系模式组建成一个适合的关系模型,关系数据库 的设计必须在关系数据库设计理论的指导下进行。2、关系数据库设计理论有三个方面的内容:函数依赖、范式和模式设计。函数依赖起核心作用, 它是模式分解和模式设计的基础,范式是模式分解的标准。【例1】设计一个学生课程数据库,其关系…

  • python入门教程(非常详细)书_python编程入门基础

    python入门教程(非常详细)书_python编程入门基础【Python第1课】安装…6【Python第2课】print.7【Python第3课】IDE.10【Python第4课】输入…12【Python第5课】变量…14【Python第6课】bool.16【Python第7课】if.19【Python第8课】while.23【Python第9课】random.

    2022年10月12日
  • SplitContainer容器控件左右Panel大小调整「建议收藏」

    SplitContainer容器控件左右Panel大小调整「建议收藏」1、新建一个Winform窗体,从上图中选择SplitContainer空间,拖拽到Form到上,如下图:2、你会发现,随便点击Panel1或者Panel2,会显示出粗框,但怎么调整两个Panel的大小呢?两个Panel之间的那条线,是选不中的,哈哈,不信可以试试。那么如何才能调整两个Form的大小呢?==》随便单击一个Panel,再按一下Esc,会出现下图:这时,

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号