首页写一段调用百度api 的html map代码

写一段调用百度api 的html map代码

时间: 2023-01-11 10:55:36 浏览: 175

你好！这是一段调用百度地图 API 的 HTML 代码示例： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>百度地图 API 示例</title> <style> html, body, #container { width: 100%; height: 100%; margin: 0; padding: 0; } </style> </head> <body> <div id="container"></div> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的AK"></script> <script> var map = new BMap.Map("container"); var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); </script> </body> </html> ``` 其中，你需要把 `ak=你的AK` 替换成你在百度地图开放平台申请的应用密钥。这段代码会在网页中创建一个名为 "container" 的 div 元素，并在里面展示一张百度地图。地图的中心点位于北京市的坐标 (116.404, 39.915)，地图的缩放级别为 15。希望这个示例对你有帮助！