百度地图定位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. 在这里,百度地图 ...
随机推荐
- 使用SlidingPaneLayout 实现仿微信的滑动返回
上周,公司的项目改版要求加上一个右滑返回上一个界面,于是就在网上找了一些开源库打算实现.但是在使用的时候遇见了许多的问题.试了两天用过 https://github.com/ikew0ng/Swipe ...
- centos 克隆系统放到别的机器上后出现网卡启动不了的情况
1. Remove Network Manager from startup Services. #chkconfig NetworkManager off 2. Add Default Net ...
- SVN常用功能介绍(一)
简介 SVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS.CVS,它采用了分支管理系统,它的设计目标就是取代CVS. 互联网上很多版本控制服务已从CVS迁移到Subver ...
- Web API 2 入门——使用ASP.NET Web API和Angular.js构建单页应用程序（SPA）（谷歌翻译）
在这篇文章中 概观 演习 概要 由网络营 下载网络营训练包 在传统的Web应用程序中,客户机(浏览器)通过请求页面启动与服务器的通信.然后,服务器处理请求,并将页面的HTML发送给客户端.在与页面的后 ...
- 【Leetcode】【Medium】Unique Binary Search Trees
Given n, how many structurally unique BST's (binary search trees) that store values 1...n? For examp ...
- JavaScript函数的声明与调用方式
入职第一天小记 对于初入前端的程序猿来说,对于函数的理解与使用可谓是相当浅薄的,回顾这自己近几年的工作以及学习经历,准备对JavaScript来个系统的总结. 如果要我们对H5中的表单做个简单的校验, ...
- c++内存区域结构及堆栈的一些知识
一.c++在内存区域的分配图 可以看出,对于Linux系统下的,存储空间的分配有着较为层次清晰的分层.单片机大概也遵循这个分区架构. 二进制代码以及常量(CONST修饰)以及全局变量在最底层,存储空间 ...
- MATLAB入门学习（三）
我们再来看看矩阵常用的函数,除了上一篇提到的inv还有以下常见命令: det 计算方阵行列式 eig 计算特征值 trace 计算矩阵的迹 norm 计算矩阵的范数或模 orth 正交化 poly 求 ...
- POJ-2992 Divisors---组合数求因子数目
题目链接: https://cn.vjudge.net/problem/POJ-2992 题目大意: 给出组合数Cnk,求出其因子个数,其中n,k不大于431,组合数的值在long long范围内 解 ...
- UVa 1609 - Foul Play
链接: https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem& ...