php 实现百度地图（很详细出来的地图）

乐杨俊

于 2014-03-17 16:30:20 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： PHP

本文链接：https://blog.youkuaiyun.com/leyangjun/article/details/21394905

PHP 专栏收录该内容

163 篇文章

订阅专栏

本文介绍了一个使用百度地图API的应用实例，通过一段简单的HTML和JavaScript代码实现了地图展示及地点搜索功能。该示例展示了如何加载百度地图API，设置地图的基本属性如位置与缩放级别，并进行本地搜索。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<pre name="code" class="php"><html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>百度地图搜索--leyangjun</title>
        <script type="text/javascript" src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.2&services=true"></script>
    </head>
    <body>
        <div style="width:520px;height:340px;border:1px solid gray" id="container"></div>
        <div id="results" style="font-size:13px;margin-top:10px;"></div>
    </body>
</html>
<script type="text/javascript">

    var map = new BMap.Map("container");
    map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
    var local = new BMap.LocalSearch(map, {
        renderOptions: {map: map, panel: "results"}
    });
    var opts = {anchor: BMAP_ANCHOR_TOP_RIGHT, offset: map.getCenter()};
    //var opts = {anchor: BMAP_ANCHOR_TOP_RIGHT, offset: new BMap.Size(10, 10)};
    map.addControl(new BMap.NavigationControl(opts));
    local.search("北京市海淀区上地地铁站");
</script>