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


相关推荐

  • java、大数据学习路线

    java、大数据学习路线java大数据

  • idea 2021.5 mac 激活码(最新序列号破解)

    idea 2021.5 mac 激活码(最新序列号破解),https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • 关于Android多按钮切换的例子!

    关于Android多按钮切换的例子!

  • 拆解滴滴大脑 叶杰平谈出行领域算法技术

    拆解滴滴大脑 叶杰平谈出行领域算法技术近日,滴滴研究院副院长叶杰平在上海一场内部分享会上详细解读了滴滴大脑,这是外部首次窥探到较为完整的滴滴算法世界,并且一直潜水的产品“九霄”也首次露出真容。滴滴出行研究院副院长叶杰平滴滴大脑由三部分组成叶杰平将滴滴大脑这个智能系统分为三部分,分别是大数据、机器学习和云计算。其中大数据就像工业革命时代的煤一样举足轻重,人工智能需要数据进行训练,纵观应用级深度学习的成功案例,他们都获得了海量数据,…

  • powerdesigner导入sql生成表_oracle导入sql

    powerdesigner导入sql生成表_oracle导入sql在实际工作中,一张表,我们可能需要在Mysql数据库中建表,又要在Oracle数据库中建表。表中每个字段的数据类型、中文注释、是否可为NULL问题,非常影响我们建表的效率。本篇文章,以Oracle数据库表为源表,通过PowerDesigner工具将其转化成Mysql数据库建表语句。1、以oracle_to_student(学生表)为例,Oracle数据库中建表语句如下所示。…

  • 爱玩吧提供10G国外免费PHP空间「建议收藏」

    爱玩吧提供10G国外免费PHP空间「建议收藏」爱玩吧提供10G国外免费PHP空间爱玩吧香港空间:不再开放免费空间申请。大家就去用免费国外不限制空间申请Yhfx.ml免费空间服务由idc.aiwanba.net提供 免费空间套餐每月流量 100GB空间容量10GB控制面板演示

发表回复

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

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