玩转百度地图(1)
前一段研究了一些百度地图，正好在闲暇时间总结一下，欢迎大家提意见。这是一个系列，叫玩转百度地图。具体会出几篇还不一定，我会慢慢的整理百度地图的功能，并一篇篇的记录下来。这是第一篇，不做过多的讲解，只是起一个引导，首先教大家如何在页面上显示一个百度地图。首先上一个实例，然后再一一讲解每句话的含义。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>百度地图的Hello, World</title><script type="text/javascript" src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.1&services=true"></script></head><body><div style="width:520px;height:340px;border:1px solid gray" id="container"></div></body></html><script type="text/javascript">var map = new BMap.Map("container"); // 创建Map实例var point = new BMap.Point(113.6,34.7); // 创建点坐标map.centerAndZoom(point,15); // 初始化地图,设置中心点坐标和地图级别。</script> |
下面讲解一下这些代码：
1.<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true">
是连接百度地图的js文件，我这里用的key是百度地图测试key。
2.<div style="width:520px;height:340px;border:1px solid gray" id="container">用来设置百度地图的显示大小，相信大家都能看的懂。
3.var map = new BMap.Map("container"); // 创建Map实例
var point = new BMap.Point(113.6,34.7); // 创建点坐标
map.centerAndZoom(point,15); // 初始化地图,设置中心点坐标和地图级别。
point是一个经纬度点，Point(经度, 纬度)。
最后一句用来设置地图的缩放比例和地图的中心点。大家可以尝试调一下缩放比例，现在是15，越大缩放就越大。
好了，这一篇就讲这么多，下一篇准备讲在地图上怎样加一个缩放杆，这样就更加便于缩放了，希望大家继续关注！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！