搜狗地图,搜索框智能感知

  • O5_143133
    了解作者
  • 76.1KB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-08 13:31
    上传日期
搜狗地图,搜索框智能感知,不是调用本地数据库,调用搜狗的数据库,希望大家在遇到此问题的时候不用再花时候研究了。
SougouMap.rar
  • SougouMap
  • jquery.autocomplete.css
    797B
  • jquery-1.7.2.js
    256.1KB
  • jquery.autocomplete.js
    20.8KB
  • HTMLPage.htm
    5.1KB
内容介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>自驾搜索</title> <style type="text/css"> #map { width: 1011px; height: 500px; } #position { padding: 5px; width: 1002px; border: solid 1px #CCCCCC; } </style> <script type="text/javascript" src="http://api.go2map.com/maps/js/api_v2.5.1.js"></script> <script src="jquery-1.7.2.js" type="text/javascript"></script> <script src="jquery.autocomplete.js" type="text/javascript"></script> <link href="jquery.autocomplete.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="position"> <div style="width: 1005px; background-color: #CCCC00;"> 起始点:<input type="text" id="origin" size="35" /> <br /> 结束点:<input type="text" id="destination" size="35" /> <br /> 自驾策略: <label> <input name="tactic" type="radio" value="0" checked />距离短 </label> <label> <input name="tactic" type="radio" value="1" />时间短 </label> <label> <input name="tactic" type="radio" value="2" />不走高速路</label> <br /> <input type="button" onclick="doSearch()" value="查询" /> </div> </div> <div id="map"> </div> </body> <script> var flag = 0; /* 创建地图 */ var myLatLng = new sogou.maps.Point(12957062, 4827187); var myOptions = { zoom: 10, center: myLatLng }; var map = new sogou.maps.Map(document.getElementById("map"), myOptions); var bdr = null; //执行查询操作 //执行查询操作 function doSearch() { var destination = document.getElementById("destination"); var origin = document.getElementById("origin"); var d = search(destination.value); var o = setTimeout(function () { search(origin.value); }, 300); //做一延迟,保证起终点都已经查询到 map.clearAll(); } var targets = []; //在回调函数中执行路线查询操作 function callback(a) { var ps, b, c; (!!a && a.data && (ps = a.data.feature[0])); if (!!ps) { b = sogou.maps.FeatureNode.loadFromJson(ps); targets.push(b); } if (targets.length > 1 && !flag) { flag = 1; var tactics = document.getElementsByName("tactic"); var tactic = 0; for (var i = 0; i < tactics.length; i++) { if (tactics[i].checked) { tactic = tactics[i].value; } } var request = { 'map': map, 'destination': targets[0].points[0], 'origin': targets[1].points[0], 'tactic': tactic } var nav = new sogou.maps.Driving(); //for(var i in request) alert(i+">>:"+request[i]); nav.route(request, function (a) { var option = { 'map': map, 'drivingResult': a }; bdr = new sogou.maps.DrivingRenderer(option); targets = []; flag = 0; }); } } //检索目标地点坐标信息 function search(kw) { var search = new sogou.maps.Search(); var request = { map: map, what: { keyword: kw }, range: { city: "全国" } }; search.search(request, callback); } //*****************************************************************************************88 var kws = ""; //智能感知串(后面有串Split) $("#origin").change(function () { FindFirst(); }) //**************************************************************** //调用API实现模糊智能感知 function FindFirst() { var kws = ""; var kw = document.getElementById("origin").value; find(kw); } function find(kw) { var request = { 'map': map, 'what': { 'keyword': kw } }; function callback(a) { for (var i = 0; i < a.data.feature.length; i++) { // alert(a.data.feature[i].caption); kws += a.data.feature[i].caption + ","; } $('#origin').autocomplete(kws.split(",")).result(function (event, data, formatted) { // alert("调用成功" + data); }); }; var search = new sogou.maps.Search(); //创建搜索实例 search.search(request, callback); } //***************************************** // setInterval(FindFirst,1000); </script> </html>
评论
    相关推荐
    • 数据库
      数据库
    • 数据库
      数据库 信使
    • 数据库
      数据库
    • 数据库数据库
      数据库数据库
    • 数据库
      数据库
    • 数据库
      数据库
    • 数据库 热备
      数据库自动切换,A>B>C>>A>B>C... 如果加上数据库复制,就是完整的数据库热备了。 数据库复制请参考数据库文档
    • 数据库数据库数据库
      数据库课件 东北大学 软件学院 数据库课件 东北大学 软件学院
    • 数据库设计
      本书是一本介绍数据库设计技术的著作,数据库设计是开发一个好的数据库应用系统的基础,本书运用大量实例对数据库设计过程中所涉及到的技术和知识进行了详细的介绍。本书的内容包括:数据库的基本原理、常用的数据库...
    • 数据库
      数据库