码迷,mamicode.com
首页 > 其他好文 > 详细

百度地图 城市切换

时间:2014-12-03 20:55:14      阅读:327      评论:0      收藏:0      [点我收藏+]

标签:des   cWeb   style   blog   http   io   ar   color   os   

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
    <title>23.1 城市切换</title>
</head>
<body>
    <div class="wrapper">      
    <p>我要去<input id="txtSearch" type="text" value="上海"/><input type="button" value="GO" onclick="search()"/></p>  
        <div class="container clearfix">
            <div class="clearfix">
                <div style="clear: both;">
                    <div style="float: left; width: 500px; height: 340px; border: 1px solid gray" id="container">
                    </div>                    
                </div>
            </div>
    </div>
</body>
</html>
<script type="text/javascript">
    var map = new BMap.Map("container");
    map.centerAndZoom(new BMap.Point(116.404, 39.915), 16);

    var city = new BMap.LocalSearch(map, {
        renderOptions: {
            map: map,
            autoViewport:true
        }
    });

    function search() {
        var s = document.getElementById("txtSearch").value;
        city.search(s);
    }
</script>

bubuko.com,布布扣

百度地图 城市切换

标签:des   cWeb   style   blog   http   io   ar   color   os   

原文地址:http://www.cnblogs.com/gengaixue/p/4140962.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!