百度地图--根据经纬度定位

zz/2024/7/13 12:18:54

根据经纬度定位

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
#allmap{height:500px;width:100%;}
#r-result{width:100%; font-size:14px;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
<title>城市名定位</title>
</head>
<body>
<div id="allmap"></div>
<div id="r-result">
经度: <input id="longitude" type="text" style="width:100px; margin-right:10px;" />
纬度: <input id="latitude" type="text" style="width:100px; margin-right:10px;" />
<input type="button" value="查询" οnclick="theLocation()" />
</div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(116.331398,39.897445),11);
map.enableScrollWheelZoom(true);

// 用经纬度设置地图中心点
function theLocation(){
if(document.getElementById("longitude").value != "" && document.getElementById("latitude").value != ""){
map.clearOverlays(); 
var new_point = new BMap.Point(document.getElementById("longitude").value,document.getElementById("latitude").value);
var marker = new BMap.Marker(new_point);  // 创建标注
map.addOverlay(marker);              // 将标注添加到地图中
map.panTo(new_point);      
}
}
</script>


http://www.ngui.cc/zz/2762663.html

相关文章

在jquery的ajax中添加自定义的header信息

因为种种原因&#xff0c;自己的框架中要传系统约定好的header信息&#xff0c;页面使用的jquery的ajax请求&#xff0c;找了好久&#xff0c;突然发现我们可以在beforeSend方法中设置&#xff0c;这个方法接受一个参数&#xff0c;就代表了发起异步请求的XMLHttpRequest对象&a…

IntelliJ IDEA的使用(二)

在使用InelliJ IDEA的过程中&#xff0c;通过查找资料以及一些自己的摸索&#xff0c;发现这个众多Java程序员喜欢的IDE里有许多值得一提的小窍门&#xff0c;如果能熟练的将它们应用于实际开发过程中&#xff0c;相信它会大大节省你的开发时间&#xff0c;而且随之而来的还会有…

jvm基础知识五----分代垃圾回收详细

为什么要分代 分代的垃圾回收策略&#xff0c;是基于这样一个事实&#xff1a;不同的对象的生命周期是不一样的。因此&#xff0c;不同生命周期 的对象可以采取不同的收集方式&#xff0c;以便提高回收效率。 在Java程序运行的过程中&#xff0c;会产生大量的对象&#xff0c;…

如何在ubuntu下设置永久的alias别名

永久的alias别名步骤如下&#xff1a; 第一步&#xff1a; cd /home/用户名 切换超级用户 sudo -s 第二步&#xff1a; 编辑 vim ./.bashrc 第三步&#xff1a; 在下图横线处输入别名 第四歩&#xff1a;保存退出 第五步&#xff1a;执行命令 source ./.bas…

nginx负载均衡配置---nginx的学习之路

Nginx 负载均衡 1. Nginx 负载均衡基础知识 nginx 的 upstream 目前支持 4 种方式的分配 1)、轮询&#xff08;默认&#xff09; 每个请求按时间顺序逐一分配到不同的后端服务器&#xff0c;如果后端服务器 down 掉&#xff0c;能自动剔除。 2)、weight 指定轮询几率&#xf…

配置Nginx来支持PHP----重点介绍Nginx如何通过PHP_FPM的FastCGI进程对PHP进行解析处理。

Nginx的安装特别简单&#xff0c;前面已经对此进行了详细介绍&#xff0c;这里不再进行讲述。下面重点介绍Nginx如何通过PHP_FPM的FastCGI进程对PHP进行解析处理。 由于Nginx本身不会对PHP进行解析&#xff0c;因此要实现Nginx对PHP的支持&#xff0c;将对PHP页面的请求交给Fas…

nginx响应与处理请求的方法详解

本文详细了nginx服务器响应与处理http等请求的方法&#xff0c;并讲解了nginx虚拟主机的配置方法&#xff0c;有需要的朋友参考下吧。 一&#xff0c;nginx基于名字的虚拟主机 Nginx首先选定由哪一个虚拟主机来处理请求。 从一个简单的配置&#xff08;其中全部3个虚拟主机都在…

每天一个linux命令(9):cd命令

Linux cd 命令可以说是Linux中最基本的命令语句&#xff0c;其他的命令语句要进行操作&#xff0c;都是建立在使用 cd 命令上的。 所以&#xff0c;学习Linux 常用命令&#xff0c;首先就要学好 cd 命令的使用方法技巧。 1. 命令格式&#xff1a; cd [目录名] 2. 命令功能&am…

Log4j实用手册

Log4j实用手册 简介 1.Log4J是Apache的一个开源项目,是用来操作程序日志信息的框架。 ______________________________________________________________________________________ 2.Log4J的功能通过配置log4j.properties属性文件实现。 _________________________________…