asp.net网站中添加百度地图功能

最新推荐文章于 2024-10-19 11:41:52 发布

转载最新推荐文章于 2024-10-19 11:41:52 发布 · 396 阅读

文章标签：

#javascript #ViewUI

本文提供了一个使用百度地图API创建地图的基本示例。通过引入百度地图API并设置地图容器，可以展示特定坐标的地图，并调整地图缩放级别。

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

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
 5     <title>Hello, World</title>
 6 
 7     <script src=http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&services=false  type="text/javascript"></script>
 8 </head>
 9 <body>
10     <div style="width: 520px; height: 340px; border: 1px solid gray" id="container">
11     </div>
12 </body>
13 </html>
14 <script type="text/javascript">
15     var map = new BMap.Map("container");            // 创建Map实例
16     var point = new BMap.Point(116.404, 39.915);    // 创建点坐标
17     map.centerAndZoom(point,15); // 初始化地图，设置中心点坐标和地图级别。
18 </script>     
您可以查看此示例
注意：

http://api.map.baidu.com/api?v=1.4 //参数v表示您加载API的版本，使用JavaScript APIv1.4及以前版本可使用此方式引用。
http://api.map.baidu.com/api?v=1.5&ak=您的密钥  //使用JavaScript APIv1.5请先申请密钥ak，按此方式引用。


详细，请才参考百度地图ＡＰＩ官网：网址：http://developer.baidu.com/map/jsdevelop-1.htm　　点击　——》开发指南