baidu_maps_api查询地图信息问题

༺ཌༀཉི浮华背后༃ༀད༻ 2012-03-20 02:53:16

为什么没有结果，只是闪一下就没了？怎么实现查询？



<!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>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true">

</script>

</head>

<body>

<form name="bjmap" action="map_test.html" method="post">

    <input type="text" name="address" width="300px" value="海淀区学院路30号院" onfocus="this.value=''" />

    <input type="submit" name="submit" value="查询" onclick="selectAddr()" />

</form>

<div style="width:600px;height:500px;border:1px solid gray" id="container"></div>

<script type="text/javascript">

function selectAddr(){

    var adr = document.bjmap.address.value;

    alert("adr-2-->>"+adr);

    var mapObj = new BMap.Map("container");          // 创建Map实例

    var point = new BMap.Point(116.404, 39.915);  // 创建点坐标

    //mapObj.centerAndZoom(point,13);                  // 初始化地图,设置中心点坐标和地图级别。

    mapObj.enableScrollWheelZoom();                  // 启用滚轮放大缩小。

    mapObj.enableKeyboard();                         // 启用键盘操作。



    //添加多个控件

    mapObj.addControl(new BMap.NavigationControl());

    mapObj.addControl(new BMap.ScaleControl());

    mapObj.addControl(new BMap.OverviewMapControl());



    // 添加实时路况控件

    mapObj.addControl(new BMap.TrafficControl());



    //地址查询

    mapObj.centerAndZoom(new BMap.Point(116.404, 39.915), 16);

    var local = new BMap.LocalSearch(mapObj, {

      renderOptions:{mapObj: mapObj}

    });

    local.search(adr);

}



</script>



</body>

</html>

...全文

162 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

༺ཌༀཉི浮华背后༃ༀད༻ 2012-03-20

打赏
举报

终于有人回答了，感谢两位的帮助！

coder 2012-03-20

打赏
举报



<!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=utf-8" />

<title>北京市海淀区地图信息</title>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true">

</script>

</head>

<body>

<form name="bjmap" action="map_test.html" method="post">

    <input type="text" id="address" name="address" width="300px" value="海淀区学院路30号院" onfocus="this.value=''" />

    <input type="button" name="submit" value="查询" onclick="selectAddr();" />

</form>

<div style="width:600px;height:500px;border:1px solid gray" id="container"></div>

<script type="text/javascript">

function selectAddr(){

    var adr = document.getElementById("address").value;

    

    var mapObj = new BMap.Map("container");          // 创建Map实例

    var point = new BMap.Point(116.404, 39.915);  // 创建点坐标

    //mapObj.centerAndZoom(point,13);                  // 初始化地图,设置中心点坐标和地图级别。

    mapObj.enableScrollWheelZoom();                  // 启用滚轮放大缩小。

    mapObj.enableKeyboard();                         // 启用键盘操作。



    //添加多个控件

    mapObj.addControl(new BMap.NavigationControl());

    mapObj.addControl(new BMap.ScaleControl());

    mapObj.addControl(new BMap.OverviewMapControl());



    // 添加实时路况控件

    mapObj.addControl(new BMap.TrafficControl());



    //地址查询

    //mapObj.centerAndZoom(new BMap.Point(116.404, 39.915), 16);

    //var local = new BMap.LocalSearch(mapObj, {

      //renderOptions:{mapObj: mapObj}

    //});

    //local.search(adr);

    

    var local = new BMap.LocalSearch("北京市", {

	  renderOptions: {

		map: mapObj,

		autoViewport: true,

		selectFirstResult: false

	  }

	});

	local.search(adr);



    

    return false;

}



</script>



</body>

</html>

http://openapi.baidu.com/map/examples.html?v=1.1&7_1#7&1

api自己改吧

T_jia 2012-03-20

打赏
举报

这是我之前做过的查询，你在修改下就好了，下班了，希望对你有帮助。。。。哈哈哈

T_jia 2012-03-20

打赏
举报

<!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>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true">

</script>

</head>

<body>



    <input type="submit" name="submit" value="查询" onclick="localSearch()" />



<div style="width:600px;height:500px;border:1px solid gray" id="container"></div>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>

<script type="text/javascript">

    var map = new BMap.Map("container");            // 创建Map实例

    var point = new BMap.Point(120.165941, 30.294973);    // 创建点坐标

    map.centerAndZoom(point, 15);                     // 初始化地图,设置中心点坐标和地图级别。

    map.enableScrollWheelZoom();                  // 启用滚轮放大缩小。

    map.enableKeyboard();                         // 启用键盘操作。





   



    //------------本地搜索开始

    function localSearch() {

        var searchTag = "海淀区学院路30号院";

        var local = new BMap.LocalSearch(map, {

            renderOptions: { map: map, autoViewport: true, selectFirstResult: false }

        });

        local.search(searchTag);

    }





</script>





</body>

</html>