使用百度地图JavaScript API显示位置

大胖东

已于 2022-06-02 11:44:54 修改

阅读量502

点赞数

分类专栏： HTML 文章标签： javascript 前端 html

于 2022-06-01 14:12:00 首次发布

本文链接：https://blog.csdn.net/qq_42583263/article/details/125082503

版权

HTML 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何使用百度地图JavaScript API在网页上创建地图实例，设置初始位置，并允许用户滚动缩放。核心内容包括API引用、地图实例化、坐标设置和基本交互功能。

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

使用百度地图JavaScript API显示位置

<font size="" color=""><!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script>
        <title>地图示例</title>
        <style type="text/css">
            html{height:100%}
            body{height:100%;margin:0px;padding:0px;font-family:"微软雅黑";}
            #container{height:500px;width:100%;}
        </style>
    </head>
    <body>
    <div id="container"></div>
    </body>
    </html>
    <script type="text/javascript">
        // 创建地图实例
        var map = new BMap.Map("container");
        //设置地图的中心点
        var point = new BMap.Point(116.331398,39.897445);
        // 初始化地图，设置中心点坐标和地图级别
        map.centerAndZoom(point, 13);
        // 允许滚轮缩放
        map.enableScrollWheelZoom();

    </script></font>