分为两个部分：生成HTML和返回HTML
生成HTML：
最终想要的时显示地图，，不可避免的使用高德地图的API。
【地图API】地址录入时如何获得准确的经纬度？淘宝收货地址详解改变几个参数即可达到目的，很简单不讲了。
重点说说如何生成查询结果对应的HTML：
将HTML中的内容保存为String，在String格式的基础上替换关键参数，即可批量生产。
在将HTML保存为String时，因为HTML内容都是带换行缩进的，还带有许多双引号，所以直接粘贴实不可取的。
我用的方法是将内容先保存在文本中，再通过IO流读取，并且一定要做到：
删除所有换行符
将双引号替换为单引号
将所有注释都去掉
否则不满足前两条，String格式会报错；
不满足最后一条，输出的时候因为没有换行符，“//”又是行注释，会导致把第一个“//”后的所有内容都认为是注释而无法执行。
代码：getHtml.java
1 package util; 2 3 import java.util.List; 4 import java.util.regex.Pattern; 5 6 public class getHtml { 7 public getHtml(){} 8 public String creatHtml(List<String> list){ 9 String html = null; 10 String add = ""; 11 int j = list.size(); 12 for(int i = 1; i < j ; i++ ){ 13 if(i != j - 1){ 14 add = add + list.get(i) + "--->"; 15 }else{ 16 add = add + list.get(i);} 17 } 18 String address = list.get(j-1); 19 html = "<html> <head> <base href=http://www.mamicode.com/‘<%=basePath%>‘> <meta http-equiv=‘pragma‘ content=‘no-cache‘> <meta http-equiv=‘cache-control‘ content=‘no-cache‘> <meta http-equiv=‘expires‘ content=‘0‘> <meta http-equiv=‘keywords‘ content=‘keyword1,keyword2,keyword3‘> <meta http-equiv=‘description‘ content=‘This is my page‘> <script type=‘text/javascript‘ src=http://www.mamicode.com/‘http:/webapi.amap.com/maps?v=1.3&key=0250860ccb5953fa5d655e8acf40ebb7&plugin=AMap.Geocoder‘></script> <script type=‘text/javascript‘ src=http://www.mamicode.com/‘http:/cache.amap.com/lbs/static/addToolbar.js‘></script> <style> #addressBox{height:20px;width:600px;} #mapBox{height:400px;width:600px} #pointBox{height:20px;width:600px;} </style> <!-- <link rel=‘stylesheet‘ type=‘text/css‘ href=http://www.mamicode.com/‘styles.css‘> --> </head> <body onload=‘geocoder();‘> " 20 + " <p>物流轨迹：</p> " 21 + "<p>"+add+"</p>" 22 + "<div> <p>当前所在位置</p> </div> <div id=‘pointBox‘> </div> <div id=‘mapBox‘></div> <div> 如果不够准确，可以拖动地图改变经纬度 </div> " 23 + "<script type=‘text/javascript‘> var address =‘"+address 24 + "‘;var $pointBox = document.getElementById(‘pointBox‘); var map = new AMap.Map(‘mapBox‘, { resizeEnable: true, center: [116.397428, 39.90923], zoom:14 }); function addMarker(point) { var marker = new AMap.Marker({ map: map, position: [ point.getLng(), point.getLat()] }); } function addCenterPoint(){ map.clearMap(); var centerPoint = map.getCenter(); addMarker(centerPoint); $pointBox.innerHTML = ‘当前经纬度为：‘ + centerPoint.getLng() + ‘,‘ + centerPoint.getLat(); } addCenterPoint(); function geocoder() { map.clearMap(); var myGeo = new AMap.Geocoder(); myGeo.getLocation(address, function(status, result) { if (status === ‘complete‘ && result.info === ‘OK‘) { geocoder_CallBack(result); }else{ $pointBox.innerHTML = ‘查无此地址‘; } }); } function geocoder_CallBack(data) { var resultStr = ‘‘; var geocode = data.geocodes; addMarker(geocode[0].location); resultStr += ‘当前坐标</b>：‘ + geocode[0].location.getLng() + ‘, ‘ + geocode[0].location.getLat(); map.setFitView(); $pointBox.innerHTML = resultStr; } map.on(‘moveend‘, function() { addCenterPoint(); }); </script> </body></html>"; 25 String str = html.replaceAll( "\‘", "\""); 26 return str; 27 } 28 }
大家可以看到String html定义哪一行是如何处理更改参数和处理格式的。可以和最开始链接中的代码进行对比。
返回HTML：
不说了，直接代码:getMap.java