百度地图

引入

<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main.css?v=1.0"/>

<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=06fb75f531ce19fd2af711465487d07a"></script>


<script type="text/javascript" src="http://webapi.amap.com/demos/js/liteToolbar.js"></script>

body

<div id="mapContainer"></div>
<div id="panel"></div>

css

#panel {
            position: absolute;
            background-color: white;
            max-height: 90%;
            overflow-y: auto;
            top: 10px;
            right: 10px;
            width: 280px;
        }

js

    var map = new AMap.Map("mapContainer", {
        resizeEnable: true
    });
    AMap.service(["AMap.PlaceSearch"], function() {
        var placeSearch = new AMap.PlaceSearch({ //构造地点查询类
            pageSize: 5,
            pageIndex: 1,
            city: "010", //城市
            map: map,//,
            panel: "panel"
        });
        //关键字查询
        placeSearch.search('石景山游乐园', function(status, result) {
        });
    });