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

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • UTF-8编码占几个字节?

    UTF-8编码占几个字节?Blog:https://www.jsntian.com占2个字节的:带有附加符号的拉丁文、希腊文、西里尔字母、亚美尼亚语、希伯来文、阿拉伯文、叙利亚文及它拿字母则需要二个字节编码占3个字节的:基本等同于GBK,含21000多个汉字占4个字节的:中日韩超大字符集里面的汉字,有5万多个一个utf8数字占1个字节一个utf8英文字母占1个字节少数是汉字每个占用3个字节,多数占用…

    2022年6月26日
    32
  • ETH被冻结_微信冻结显示什么界面

    ETH被冻结_微信冻结显示什么界面如果我们的电脑在启动挖矿软件的时候,发现界面有停顿,Miner都会冻结。有时矿工会随机冻结,直到按下任何键。而我们要做下如下设置则可以解决这个问题。1、cmd命名行界面;2、右击窗口,点属性大力矿工致力于挖矿软件研究,欢迎大家加入群:621159725,一起讨论ETH挖矿。…

    2022年10月15日
    1
  • mysql jdbc url设置时区

    mysql jdbc url设置时区jdbcurljdbc:mysql://59.110.137.112:3306/answer?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8&nullCatalogMeansCurrent=true设置时区设置时区时,添加serverTimezone参数,比如serverTimezone

    2022年7月17日
    82
  • 计算机最炫民族风教案,辽师大版信息技术四下第一单元第6课《最炫民族风》教案7.docx…[通俗易懂]

    计算机最炫民族风教案,辽师大版信息技术四下第一单元第6课《最炫民族风》教案7.docx…[通俗易懂]辽师大版信息技术四下第一单元第6课《最炫民族风》教案7.docx文档编号:536850文档页数:5上传时间:2019-01-13文档级别:文档类型:docx文档大小:7.00MB课课题题美丽的辽宁我的家美丽的辽宁我的家–WordWord软件的简单应用软件的简单应用66、、最炫民族风最炫民族风教学目标教学目标1、学会结合文章的内容进行分栏;2、学会设置页面颜色与页面效果;3、…

    2022年9月22日
    2
  • mac查看和配置node环境变量

    mac查看和配置node环境变量一、检查PATH配置是否正确1.查看npm全局包可执行文件路径npm-gbin2.查看PATH环境变量echo$PATH如果PATH里不包括第一步的路径,说明环境变量没有配置好。二、配置PATH1.打开配置文件vi./.bash_profile2.添加一行PATH(按i进入insert才能编辑)PATH=$PATH:/usr/l…

    2022年6月1日
    629
  • OpenSSL密码库算法笔记——第5.4.13章 椭圆曲线点的压缩

    OpenSSL密码库算法笔记——第5.4.13章 椭圆曲线点的压缩首先来看看什么是点的压缩。椭圆曲线上的任一仿射点(x,y)(非无穷远点)都可以压缩成利用其y坐标的最后一比特(记为y*)和x坐标来表示,即(x,y*),这就是点的压缩。反过来,利用(x,y*)恢复y坐标,还原仿射点(x,y)的过程就称为点的解压缩。利用点的压缩可以减少存储和传输时的数据量,但增加了数据处理时间。代码中用参数point_conver…

    2022年7月20日
    12

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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