百度地图地址提示api调用实例(附完整代码)

最近在做关于在线回收资源的项目,其中需要用户填写地址,所以就打算用百度地图的第三方接口,输入提示功能。采用java语言编写后台。先来看个效果图吧。
百度地图地址提示api调用实例(附完整代码)_第1张图片
百度地图地址提示api调用实例(附完整代码)_第2张图片
下面看一下前端代码:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title heretitle>
head>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js" >script>
    <script>
    $(document).ready(function(){
          $("#query").keydown(function(){
              $(".addresstop").empty();
           $.post("Servletapi",
          {
            region:$("#hidden1_region").val(),
            query:$("#query").val()
          },
          function(result){

              var jsobject = JSON.parse(result);

              for (var i = 0; i < jsobject.result.length; i++) {

                    $(".addresstop").append("
" +"
"+jsobject.result[i].name+"
"
+"
"+jsobject.result[i].city+""+jsobject.result[i].district+"
"
); } }); }); });
script> <input type="text" id="query"><input type="text" value="北京" id="hidden1_region"> <div class="addresstop"> div> body> html>

后台servlet

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        Url url = new Url();
        String query = URLEncoder.encode(request.getParameter("query"), "UTF-8");
        String region = URLEncoder.encode(request.getParameter("region"), "UTF-8");

        String requestUrl =  "http://api.map.baidu.com/place/v2/suggestion?region=REGION&query=QUERY&city_limit=true&output=json&ak=你的ak";

        requestUrl = requestUrl.replace("QUERY",query).replace("REGION",region);

        JSONObject jsonObject = CommonUtil.httpsRequest(requestUrl, "POST","");
        System.out.println(jsonObject);
         PrintWriter out = response.getWriter();
            out.print(jsonObject);
            out.close();

    }

工具类:

package until;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.OutputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import com.alibaba.fastjson.JSONObject;
public class CommonUtil { 

    /*
     * 发送https请求
     * @param requestUrl 请求地址
     * @param requestMethod 请求方法
     * @param JSONObject 解析获取的json数据 
     * 
     * */
    public static JSONObject httpsRequest(String requestUrl,String requestMethod,String outputStr){
        JSONObject jsonObject = null;
        //创建SSLContext对象
         //--
        try {
            URL url = new URL(requestUrl);
            HttpURLConnection conn;
            try {
                conn = (HttpURLConnection) url.openConnection();
                conn.setDoOutput(true);
                conn.setDoInput(true);
                conn.setUseCaches(true);
                //设置请求方式
                conn.setRequestMethod(requestMethod);
                if(null!=outputStr){
                    OutputStream outputStream = conn.getOutputStream();
                    outputStream.write(outputStr.getBytes("UTF-8"));
                    outputStream.close();           
                }
                //从输入流读取返回内容
                InputStream inputStream = conn.getInputStream();
                InputStreamReader inputStreamReader = new InputStreamReader(inputStream,"utf-8");
                BufferedReader bufferedReadr = new BufferedReader(inputStreamReader);
                String str = null;
                StringBuffer buffer = new StringBuffer();
                while((str = bufferedReadr.readLine())!=null){
                    buffer.append(str);
                }
                bufferedReadr.close();
                inputStream.close();
                inputStreamReader.close();
                inputStream = null;
                conn.disconnect();
                jsonObject = JSONObject.parseObject(buffer.toString());
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }       
        } catch (MalformedURLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }   
        return jsonObject;

    }

}

jquery那个包比较好找我就不说了
fastjson那个包可以在我的另一篇博客下载下载地址链接

整体思路就是通过jq keydown方法不断向后台传输所输入的地址,进而查询数据。
这里面有一点稍微有点麻烦,就是json串传到前端的时候的进行数据提取。大家可以自己多尝试尝试,一点也不难。

我已经把项目打包传上去了,大家可以进行下载。
不过注意的是填上你的ak码。
csdn下载

蓝奏云下载

你可能感兴趣的:(javaweb)