百度地图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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • table css样式_html table居中

    table css样式_html table居中12345html简单的table样式67/*gridtable*/8table.gridtable{9font-family:verdana,arial,sans-serif;10font-size:11px;11color:#333333;12border-width:1px;13border-color:#666666;14bor…

    2022年9月20日
    3
  • 汉罗塔c++递归_栈与递归的区别

    汉罗塔c++递归_栈与递归的区别汉罗塔问题是一个非常经典的算法,我们首先来研究一下修改的汉罗塔(简化步骤),在后面我们将来讲述经典的汉罗塔问题。题目:修改后的汉罗塔的规则:现在限制不能从最左侧的塔直接移动到最右侧,必需要经过中间;同时从最右侧移动到最左测试,同样必需经过中间;要求移动N层塔时,打印最优移动1、用递归函数实现(从最左移动到最右)分析:-当只有一层塔时,我们先需要将其从左移到中间,再从中间移动到右边,共分为

    2022年10月11日
    1
  • 分布式存储系统sheepdog

    分布式存储系统sheepdog

    2021年12月10日
    169
  • Nacos整合SpringCloud(配置中心、注册中心)[通俗易懂]

    Nacos整合SpringCloud(配置中心、注册中心)[通俗易懂]1.什么是Nacos?Nacos是阿里巴巴开源的一个更易于构建云原生应用的动态服务发现、配置管理和服务管理平台。2.Nacos配置中心整合2.1启动NacosServer并添加配置1.下载地址:直接下载:NacosServer下载页源码构建:Github项目页面2.启动Linux/Unix/Mac操作系统,执行命令shstartup.sh-ms…

    2022年6月6日
    52
  • c语言必备100代码(代码大全)

    一个完全入门初学者如何学代码,读代码和写代码,,我想学代码不知道方向谁能给我指明一个方向?1、学代码:前提是你的复有一个比较系统的学习.认真完成每一个课程中的案例.2、读代码:分制两步走:前期能读懂自己写的代码.2113后期能读懂他人写的代码和大致的知道底层的某些源码的含义.多去5261看开发文档(开发文档建议使用官方提供的4102英文版、不要使用中文自己害自己)3、写代码1653:前提是你要有…

    2022年4月18日
    1.2K
  • job 定时任务的五种创建方式 || xxl-job 定时任务调度中心「建议收藏」

    一、job定时任务的创建方式1、使用线程创建job定时任务/***TODO使用线程创建job定时任务*@author王松*@date2019/9/14001422:12*/publicclassJobThread{publicstaticclassDemo01{staticlongcount…

    2022年4月15日
    106

发表回复

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

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