map 百度地图

最新推荐文章于 2023-09-22 16:49:24 发布

阿狸lyinshaofeng

最新推荐文章于 2023-09-22 16:49:24 发布

阅读量928

点赞数

文章标签： servlet java mybatis

本文链接：https://blog.youkuaiyun.com/lyinshaofeng/article/details/126631445

版权

这篇博客展示了如何在HTML页面中嵌入百度地图API，创建地图实例，并添加了比例尺、缩放控件、城市列表控件以及点击地图时添加标注和自定义图标的交互功能。

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

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style type="text/css">
       html{height:100%}

       #container{
               margin: 0 auto;
               width: 500px;
               height: 500px;

               }
       </style>
       <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=Dz9CrltwG9ItE3OHNXldsB7gHMYGhkvA">
       </script>
   </head>
   <body>
       <div id="container"></div>
       <script>
           var map = new BMapGL.Map("container");
           var point = new BMapGL.Point(116.404,