百度地图定位JSP代码
附：百度地图API：http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a1b0?qq-pf-to=pcqq.c2c
<%@page import="com.topinfo.common.util.SessionUtils"%>
<%@page import="org.apache.commons.lang.StringUtils"%>
<%@page import="com.topinfo.base.entity.Enterprise"%>
<%@page import="com.topinfo.bstek.yqyd.entmap.pr.EntmapPR"%>
<%@page import="com.bstek.bdf2.core.context.ContextHolder"%>
<%@page import="java.util.Map"%>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<script type="text/javascript" src="<%=application.getContextPath()%>/js/jquery-1.8.2.min.js"></script>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
.map_header{height:100px;position:relative;border-bottom:#ccc solid 1px;}
.map_header a{position:absolute;display:block;height:50px;line-height:50px;bottom:10px;left:10px;font-size:12px;background:url(images/markA.png) no-repeat;padding-left:17px;color:#2A2A81;}
.map_header p{position:absolute;right:10px;height:60px;font-size:12px;line-height:20px;padding:5px;background:#FDFCC3;border:#E5CE5C solid 1px;border-radius:10px;color:#ff0000;}
</style>
<script src=" http://api.tianditu.com/api?v=4.0" type="text/javascript"></script>
<script type="text/javascript">
window.onload=function(){
var isMaintain='${ent.isMaintain}';
if(isMaintain=="true"){
document.getElementById("show").style.display="";
}else{
document.getElementById("show").style.display="none";
}
}
</script>
</head>
<body>
<div class="map_header" id="show">
<a href="#" class="bz" title="" onclick="biaoji();"> 位置标注</a>
<a href="#" class="sdsz" title="" style="left:80px;background:none;" > 手动设置经纬度</a>
<p>
提示：若要重新标注企业位置，则按以下步骤操作：<br/>1、点击左上角“位置标注”<br/>2、拖动气泡，当气泡拖动到您企业所在的位置后，松开鼠标
</p>
</div>
<div id="aaaa" style="display:none;position:absolute;z-index:99999999;width:260px;height:220px;left:50%;top:50%;margin-left:-150px;margin-top:-130px;border:#ddd solid 1px;background:#ccc;padding:20px;">
<table class="x1-layout">
<tr>
<td class="label">纬度：</td>
<td class="c1">
<input id="stwd" value="${ent.entLatitude}" />
</td>
</tr>
<tr>
<td class="label">经度：</td>
<td class="c1">
<input id="stjd" value="${ent.entLongitude}"/>
</td>
</tr>
<tr>
<td colspan="2"> <p>
举例说明：<br/>经纬度坐标“35.232851,109.9333”，其中 35.232851表示纬度，109.9333表示经度
</p></td>
</tr>
<tr>
<td colspan="2" style="text-align:center;">
<input type="button" value="保存" id="save" >
<input type="button" value="关闭" id="close" >
</td>
</tr>
</table>
</div>
<div id="container"></div>
<input id="entName" type="hidden" value="${ent.enterpriseName }"/>
<input id="jd" type="hidden" value="${ent.entLongitude}"/>
<input id="wd" type="hidden" value="${ent.entLatitude}"/>
<input id="entId" type="hidden" value="${ent.enterpriseId}"/>
<script type="text/javascript">
$(function(){
$(".sdsz").click(function(){
$("#aaaa").show();
});
$("#close").click(function(){
$("#aaaa").hide();
return false;
})
$("#save").click(function(){
var entId = document.getElementById("entId").value;
var stjd=document.getElementById("stjd").value;
var stwd=document.getElementById("stwd").value;
updateJwd(entId,stjd,stwd);
})
});
var map = new T.Map("container"); //初始化地图对象
map.centerAndZoom(new T.LngLat(120.059538,28.69158), 13);//定义一个中心点坐标
//创建缩放平移控件对象
control = new T.Control.Zoom();
//添加缩放平移控件
map.addControl(control);
var marker =null;
var icon = new T.Icon({
iconUrl: "images/markA.png",
iconSize: new T.Point(19, 27),
iconAnchor: new T.Point(10, 25)
});
// 创建地图实例
var jd = $("#jd").val();
var wd = $("#wd").val();
var marker =null;
if ( (jd.length !=0 && jd !='null' )||( wd.length !=0 && wd !='null')){
var point= new T.LngLat(jd,wd);
marker = new T.Marker(point, {icon:icon});
map.addOverLay(marker);
marker.addEventListener("click", function(){
var opts = {
width : 250, // 信息窗口宽度
height: 100, // 信息窗口高度
enableMessage:false //不允许发送短信
};
var name= document.getElementById("entName").value;
var infoWin = new T.InfoWindow();
infoWin.setLngLat(point);
infoWin.setContent("企业名称："+name, opts);
map.addOverLay(infoWin);
});
marker.addEventListener("dragend", function(e){
if(window.confirm("确定标记该处？")){
marker.disableDragging();
document.getElementById("jd").value = e.lnglat.getLng();
document.getElementById("wd").value = e.lnglat.getLat();
var entId = document.getElementById("entId").value;
updateMark(entId,e.lnglat.getLng(),e.lnglat.getLat());
marker.enableDragging();
}
});
}else{
}
function updateMark(id,jd,wd){
$.post("updateMark.action",
{
id:id,
longitude:jd,
latitude:wd
},
function(status){
window.top.dorado.widget.NotifyTipManager.notify('标记成功！');
window.location.reload(true);
});
}
function updateJwd(id,jd,wd){
$.post("updateMark.action",
{
id:id,
longitude:jd,
latitude:wd
},
function(status){
window.top.dorado.widget.NotifyTipManager.notify('经纬度保存成功！');
window.location.reload(true);
});
}
function biaoji(){
if (marker != null){
marker.enableDragging();
}else{
marker= new T.Marker(new T.LngLat(120.059538,28.69158), {icon:icon});
map.addOverLay(marker);
marker.enableDragging();
marker.addEventListener("click", function(){
var opts = {
width : 250, // 信息窗口宽度
height: 100, // 信息窗口高度
enableMessage:false //不允许发送短信
};
var name= document.getElementById("entName").value;
var infoWin = new T.InfoWindow();
infoWin.setLngLat(new T.LngLat(120.059538,28.69158));
infoWin.setContent("企业名称："+name, opts);
map.addOverLay(infoWin);
});
marker.addEventListener("dragend", function(e){
if(window.confirm("确定标记该处？")){
marker.disableDragging();
document.getElementById("jd").value = e.lnglat.getLng();
document.getElementById("wd").value = e.lnglat.getLat();
var entId = document.getElementById("entId").value;
updateMark(entId,e.lnglat.getLng(),e.lnglat.getLat());
}
});
}
}
</script>
</body>
</html>
百度地图定位JSP代码的更多相关文章
- Android 百度地图定位(手动+自动) 安卓开发教程
近由于项目需要,研究了下百度地图定位,他们提供的实例基本都是用监听器实现自动定位的.我想实现一种效果:当用户进入UI时,不定位,用户需要定位的时候,自己手动点击按钮,再去定位当前位置. 经过2天研究 ...
- 百度地图定位SDK 之构想
百度地图定位 前提 从香港旅游回来,心中油然升起一股热血滂湃,激励自己发现市场需求,向创业奋进,朝着梦想前进. 简介 百度Android定位SDK支持Android1.5以及以上设备,提供: 定位功能 ...
- Android使用百度地图定位并显示手机位置后使用前置摄像头“偷拍”
今天老板让我验证一下技术可行性,记录下来. 需求 :定位手机的位置并在百度地图上显示,得到位置后使用前置摄像头进行抓拍 拿到这个需求后,对于摄像头的使用不太熟悉,于是我先做了定位手机并在百度地图上显示 ...
- IOS中使用百度地图定位后获取城市坐标,城市名称,城市编号信息
IOS中使用百度地图定位后获取城市坐标,城市名称,城市编号信息 /**当获取到定位的坐标后,回调函数*/ - (void)didUpdateBMKUserLocation:(BMKUserLocati ...
- ios调用百度地图定位遇到的奇葩问题
app项目过程中需要用到百度地图,然后网上可以查资料看官网文档,最后弄了好几天还是不行,找了各位前辈帮忙虽然解决了,但是把代码拷贝到我的项目时又无法定位了,最后查看了下原因是info配置出了问题,不是 ...
- 【ASP.NET 进阶】根据IP地址进行百度地图定位
昨天有完成一个[ASP.NET 进阶]根据IP返回对应位置信息 的小Demo,既然可以通过IP获得位置信息,那当然可以通过位置信息的经纬度获取IP的当前定位了,虽然与实际地址偏移较大,毕竟不是GPRS ...
- android中百度地图定位的实现方法（仅适用于真机+WIFI联网环境）
注意:此代码的环境是:真机(系统版本为Android4.2.2)+WIFI联网(才能实现最后的运行结果):使用虚拟机调试会出现各种问题. 第一步:下载SDK和申请Key 到百度的网站http://de ...
- android 百度地图定位功能实现
历经几天时间,终于把定位功能给实现了,可谓是费劲千辛万苦啊,有定位知识还有图层知识,在这里我把代码给大家贴出来,一起分享一下下啦. package com.example.foreveross.off ...
- Android百度地图定位
在谈到百度地图.如今,每个人都知道这个时候应该可以了吧.而更多的字不拉.直接朝话题. 访问百度地图api您必须应用key,应用在这里key不用说,有官方的文件说明如何应用上述key. 在这里,百度地图 ...
随机推荐
- TextView的跑马灯效果（AS开发实战第二章学习笔记）
TextView的跑马灯效果跑马灯用到的属性与方法说明singleLine 指定文本是否单行显示ellipsize 指定文本超出范围后的省略方式focusable 指定是否获得焦点,跑马灯效果要求设置 ...
- linux 文件常用操作
linux 文件基本操作 新建文件:touch test 不会替换重名文件,并且linux一切都是文件,文件夹和文件不能重名 新建文件夹:mkdir test使用 -p 参数,同时创建父目录(如果不存 ...
- T-SQL语法学习一（持续更新）
T-SQL语法学习(一) 第一节 不常用语句 不常用语句-指的是一些不常用的查询语句,不针对业务数据查询 SET STATISTICS IO ON(用于查询逻辑读取次数,物理读取次数) 图片 sele ...
- 【Leetcode】【Medium】Sum Root to Leaf Numbers (未完成)
Given a binary tree containing digits from 0-9 only, each root-to-leaf path could represent a number ...
- C++默认值。
类成员变量: char :� //随机int :2685372 //随机string :size:0length:0 vector :0map :0 结构体 //取决于成员自己的类型 类成员静态变量: ...
- 服务容错处理库Polly使用
服务容错处理库Polly使用 在进入SOA之后,我们的代码从本地方法调用变成了跨机器的通信.任何一个新技术的引入都会为我们解决特定的问题,都会带来一些新的问题.比如网络故障.依赖服务崩溃.超时.服务器 ...
- C 语言实现多态的原理：函数指针
C语言实现多态的原理:函数指针 何为函数指针?答案:C Programming Language. 能够查阅下,从原理上来讲,就是一个内存地址.跳过去运行相应的代码段. 既然如此,在运行时决定跳到哪个 ...
- JQuery获取和设置Select选项的常用方法总结
1.获取select 选中的 text: $("#cusChildTypeId").find("option:selected").text(); $(&q ...
- BZOJ2407/4398:探险/福慧双修(最短路)
Description 探险家小T好高兴!X国要举办一次溶洞探险比赛,获奖者将得到丰厚奖品哦!小T虽然对奖品不感兴趣,但是这个大振名声的机会当然不能错过! 比赛即将开始,工作人员说明了这次比赛的规则: ...
- Centos 7 安装Anaconda3
1.首先下载地址: https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/ 使用清华镜像下载速度快 2.安装 bash Anaconda3-5.1 ...