百度地图API学习之定位当前位置及自定义覆盖物和信息窗口

最新推荐文章于 2024-08-22 16:02:22 发布

水中残月

最新推荐文章于 2024-08-22 16:02:22 发布

阅读量1.5w

点赞数 1

分类专栏： HTML5

本文链接：https://blog.csdn.net/sonnylight/article/details/52440336

版权

本文档展示了如何使用百度地图API进行地图初始化、获取用户当前位置，并添加自定义覆盖物和信息窗口。通过创建地图实例、添加定位控件、获取坐标并展示标记，同时为多个点添加信息窗口，提供了详细的代码示例。

摘要由CSDN通过智能技术生成

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>百度地图API文档学习</title>
    <script src="http://api.map.baidu.com/api?v=2.0&ak=G9uEYYOyOqUyYeSEhoZzPvsGGPIKFdNa"></script>
    <script src="../jquery.js"></script>
    <style>
    *{padding:0;margin:0;}
    html,body{height: 100%;}
    #container{width: 100%;height:50%;}
    .choice{
        margin-top:10px;
    }
    .choice:after{
        display: block;
        content: "";
        height: 0;
        width: 0;
        clear: both;
    }
    .choice ul{
        list-style: none;
        width: 100%;
    }
    .choice ul li{
        display: inline-block;
        background:#999;
        padd