解决了网页提交servlet后,百度地图标记被覆盖问题。

这一段时间,在做一个起重机的网页管理系统。调用了百度地图API后,发现jsp页面提交给servlet后,可以得到起重机坐标的经纬度,但不能显示地图标记! 原来以为是页面的css样式和百度传过来的css样式产生冲突,经过测试(把提交给servlet的动作取消)发现,css样式并无问题。后经过仔细一想,原来是这样的:

一个提交按钮上有包含了两个动作  1:执行js代码,百度地图标记的标定2:提交给servlet,获取数据库的信息。然后,问题出现了,servlet处理后整个页面刷新,把原来的js执行的结果给覆盖了,标记消失。

解决方法:使用AJAX方法,异步刷新数据,获得数据库的坐标信息后,不对整个页面进行刷新,成功解决问题!

JS代码如下: 1 $("#showPosition").click(function()
 2                 {
 3
 4                     function addMarker(point)      //增加一个标注
 5                     {
 6                           var marker = new BMap.Marker(point);
 7                           map.addOverlay(marker);
 8                           marker.setAnimation(BMAP_ANIMATION_BOUNCE);//设置弹跳动画
 9                     }
10                      $.ajax({
11                          type: "post",
12                          url: "ShowCranePosition",
13                          success: function(data)
14                                    {
15                                   //alert(data);
16                                   map.clearOverlays();
17                                   var coordinate = data.split("|");
18                                   for(var i = 0;i<coordinate.length;i=i+2)
19                                   {
20                                       var elng = 120.14;
21                                       var nlat = 30.9;
22                                       elng = coordinate[i];
23                                       nlat = coordinate[i+1];
24                                       var point = new BMap.Point(elng, nlat);
25                                       //map.panTo(point,15);
26                                       addMarker(point);
27                                   }
28
29                                   }
30                      });
 1 Servlet代码如下:
 2 public void doGet(HttpServletRequest request, HttpServletResponse response)
 3             throws ServletException, IOException
 4             {
 5                 List<String[]> result = null;
 6                 String[] element = new String[4];
 7                 String  str = "";
 8                 PrintWriter pw = response.getWriter();
 9                 try {
10                      result = DAOFactory.getIUserDAOInstance().showTable();
11                     if(result != null)
12                     {
13                      Iterator<String[]> iter = result.iterator();
14                      while(iter.hasNext())
15                      {
16                          element=iter.next();
17                          str = str+element[1]+"|"+element[2]+"|";
18                      }
19
20                      pw.print(str);
21                      pw.close();
22                      }else
23                      {
24                          //默认的地图坐标
25                      }
26                 } catch (Exception e) {
27                     // TODO Auto-generated catch block
28                     e.printStackTrace();
29                 }
时间: 2024-08-11 05:35:39

解决了网页提交servlet后,百度地图标记被覆盖问题。的相关文章

jsp提交Servlet后异常情况处理

一.web.xml保存卡顿 网上说是web.xml的schema版本要与tomcat一致,但tomcat9.0的xml版本是4.0,Eclipse项目下web.xml的schema版本也是4.0,修改项目中的web.xml文件保存时依然很卡 二.服务器无法启动由于依赖eclipse自动生成的servlet被自动加了注解,如果在web.xml中的url-pattern中又指定了同名的路径,则会导致tomcat无法启动,二选一即可,要么只用注解,要么只修改web.xml 三.中文乱码不仅要设置 re

php 表单提交错误后返回数据消失问题的解决方法

本文章向码农们介绍php 表单提交错误后返回数据消失问题的解决方法,感兴趣的码农可以参考一下. 表单提交错误后返回数据消失怎么办呐,今天就来分析解决一下这个问题. 状况概述: 做填写表单信息提交的时候会碰到一个问题就是当用户填写并提交表单后,程序判断不符合要求并返回,返回之后之前填写的表单信息会被清空了的情况.如果填写的信息量少还无所谓,如果填写的信息量比较多,这会直接打击到填写信息的人的良好心情.因此解决表单提交错误返回后填写的内容消失的问题是一个提高用户体验度的迫在眉睫的问题. 对于这种问题

【转载】[JS]让表单提交返回后保持在原来提交的位置上

有时候,在网页中点击了页面中的按钮或是刷新了页面后,页面滚动条又 会回到顶部,想看后面的记录就又要拖动滚动条,或者要按翻页键,非常不方便,想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变,最好的办法就是 在JS中用cookie记录下当前滚动条的位置,然后刷新时读取cookie就可以实现这个功能了.代码如下:<script type="text/javascript"> function Trim(strValue) { //return strValue.repla

python爬虫(二):向网页提交数据

python爬虫(二):向网页提交数据 回忆一下,我们有的时候在看一些网站的时候,是否遇见过一些网站里面的信息开始显示一部分,然后当我们把鼠标滑轮向下拉动后,又显示出一些信息.这就是异步加载.我的上一篇文章python爬虫百度贴吧标题数据爬取的所有标题都是页面已经加载好的.但是对于这种开始没有加载好的数据我们应该如何爬取呢? 接下来我们先介绍下一些概念: 异步加载:举个简单的例子就是说,假如老师判作业,有两种情况,第一种就是无论哪个学生先写完,都等待到所有的同学全部写完,老师讲所有的作业都收齐后

解决在网页里设置锚点后,链接不到相应位置

在网页里设置锚点后,链接不到相应位置,常常出现点完链接后跳到相应位置偏下的位置, <div class="row" id="alter-title" name="alter-title"> 只需要在设置id的位置设置它的样式padding-top; .row{padding-top:20px;} 像数根据实际情况调 解决在网页里设置锚点后,链接不到相应位置,布布扣,bubuko.com

Python开发实战教程(8)-向网页提交获取数据

来这里找志同道合的小伙伴!↑↑↑ Python应用现在如火如荼,应用范围很广.因其效率高开发迅速的优势,快速进入编程语言排行榜前几名.本系列文章致力于可以全面系统的介绍Python语言开发知识和相关知识总结.希望大家能够快速入门并学习Python这门语言. 本次课程是在掌握python基础之上进行的.基础没有学习的话建议先查看文章学习基础目录:Python开发实战系列教程-链接汇总,持续更新.进行学习. 最近几天感冒中,四肢乏力以及最近比较忙导致,更新较慢.还请见谅. 概述 很多时候我们需要给网

ios 开发日记19-应用提交申请后加急审核

之前只是听过加急审核这回事,一直也没有用到过.昨天用了下果然很给力.昨天晚上将近8点(北京时间)提交应用,今天早上上班看了下已经通过了审核,而且可以在AppStore里下载到. 话说加急的原因比较悲催,年前一直在做老版本的更新(一直在改别人代码的bug),临过年一周多的时候说不改了,做新版本的.心里终于舒服些,开始自己写新版本.2月7号上班到2月18号一直在做新版本.就在经理天天催,老板经常问进度的时候,实施那边说xxx那边20号要验收,验收不过要打官司了…… 然后开始悲催的继续找到以前别人的代

.NET网站自动浏览器分享,解决IIS6应用池回收后第一次访问慢问题

.NET开发的网站,如果不是使用预编译发布,网站会在iis6应用池回收后第一次访问很慢,为了解决这个问题,今天写了一个自动浏览的工具,现在分享给大家,界面如下. 关键部分源码 //手动点击浏览 private void btnBrowsing_Click(object sender, EventArgs e) { if (btnBrowsing.Enabled == true && chkEnableAutomaticBrowsing.Checked == true) { btnBrows

如何解决在线网页挂载本地样式的问题

本文来自网易云社区 作者:孙有军 简单的说,用你的设计为已上线的网站换一套皮肤.在不改变结构的基础上,让自己赏心悦目. 新年新气象,KS效率控第1篇关于"视觉和前端"如何解决在线网页挂载本地样式的问题. 问题一 能不能帮在线网站换肤? 浏览behance的时候,发现这个网站应用了"acumin-pro"字体,对简体中文支持并不友好,基于设计师的追求,心想能不能选一款我自己喜欢的字体呢? 修改成 通过开发者工具修改CSS,前后对比 body {    backgrou