map中目的地的搜索有关问题。怎么建立联系。-Java教程-爱易网页

map中目的地的搜索有关问题。怎么建立联系。

日期：2014-05-17　浏览次数：20688 次

地图中目的地的搜索问题。。。。如何建立联系。。

HTML code


<%@page contentType="text/html; charset=gb2312" pageEncoding="GBK" language="java" import="java.sql.*"  import="java.util.*"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
<title>寻找附近地</title>
<!--引用百度地图API-->
<style type="text/css">
    html,body{margin:0;padding:0;}
    .iw_poi_title{color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.3&services=true"></script>
</head>
<body>


请输入您要搜索的目的地：<input type="text" name="st" value="市中区">
<input type="button" onClick="sousuo(st);" value="搜索" />



<!--百度地图容器 -->
<div style="width:500px;height:400px;border:#ccc solid 1px;margin-left:50px;" id="container">
</div>   <!--此容器在目前这个程序中就叫dituContent-->
<script type="text/javascript">
         //创建和初始化地图函数：
    var map = new BMap.Map("container");                  // 创建Map实例
    var point = new BMap.Point(117.024967,36.682785);    // 创建点坐标
    map.centerAndZoom(point,12);               // 初始化地图,设置中心点坐标和地图级别。
    map.enableScrollWheelZoom();        //启用地图滚轮放大缩小
    var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
    map.addControl(ctrl_ove);          //添加缩略图控件
    var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
    map.addControl(ctrl_sca);          //添加比例尺控件
    //此行以上仅仅是画出一个基本的地图(此程序中默认济南为中心城市)



function addMarker(results,point, index){         
        // 创建目的地的标注图标    
        var addressIcon = new BMap.Icon("images/baidu.jpg", //图片地址(相对地址)    
        new BMap.Size(40, 64),                // 标注显示大小               
         {                    
        offset: new BMap.Size(20, 64),     // 标注底部小尖尖的偏移量                    
        imageOffset: new BMap.Size(0, 0)   // 这里相当于CSS sprites              
          });


        var infoWindow = new BMap.InfoWindow("<div style='line-height:1.8em;font-size:12px;'><b>名称:</b>"+point.title+"</br><b>地址:</b>"+point.address+"</br><b>电话:</b>"+point.phoneNumber+"</br><b>口碑：</b><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /><img src='http://cdn2.iconfinder.com/data/icons/diagona/icon/16/031.png' /></div>");  // 创建信息窗口对象，用于显示目的地信息    
        marker.addEventListener("click", function(){          
        marker.openInfoWindow(infoWindow);        }    );

        var marker = new BMap.Marker(point.point, {icon: addressIcon}); //创建一个地图标记


        marker.addEventListener("click", function(){          
        marker.openInfoWindow(infoWindow);        }    );
        map.addOverlay(marker);
        }//查询完毕的回调函数

        var searchComplete = function (results){       
            if (local.getStatus() != BMAP_STATUS_SUCCESS){        return ;    }  
              for(var cnt = 0; cnt < r

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

map中目的地的搜索有关问题。怎么建立联系。

相关资料更多>

推荐阅读更多>