百度地图定位JSP代码-白红宇

百度地图定位JSP代码

阅读量：5100 次

发布时间：2019-06-13

本文共 5949 字，大约阅读时间需要 19 分钟。

附：百度地图API：

<%@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>

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>

window.οnlοad=function(){

var isMaintain='${ent.isMaintain}';

if(isMaintain=="true"){

document.getElementById("show").style.display="";

}else{

document.getElementById("show").style.display="none";

}

</script>

</head>

<body>

<a href="#" class="sdsz" title="" style="left:80px;background:none;" >  手动设置经纬度</a>

<p>

提示：若要重新标注企业位置，则按以下步骤操作：<br/>1、点击左上角“位置标注”<br/>2、拖动气泡，当气泡拖动到您企业所在的位置后，松开鼠标

</p>

</div>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

举例说明：<br/>经纬度坐标“35.232851,109.9333”，其中 35.232851表示纬度，109.9333表示经度

</p></td>

</tr>

<tr>

</td>

</tr>

</table>

</div>

$(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>

转载于:https://www.cnblogs.com/951106Nancy/p/9542567.html

你可能感兴趣的文章

type convert in python

查看>>

关键字参数

查看>>

Python Cookbook(第2版)中文版

查看>>

TCP协议栈的6类定时器

查看>>

【图论动态规划拆点】luoguP3953 逛公园

查看>>

【大话存储II】学习笔记（2章）， SSD

多线程下单例模式：懒加载（延迟加载）和即时加载

查看>>

从 fn_dbLog 解析操作日志（补充update）

C# 实现冒泡算法－－不一定效率，但很容易理解

Python 编程快速上手第 7章模式匹配与正则表达式

查看>>