玩转百度地图(1)

myzhijie

浏览: 28796 次
性别:
来自: 郑州

最近访客更多访客>>

jklwan

麦兜猪

includemain

lihao6801746

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

百度 JavaScript HTML

前一段研究了一些百度地图，正好在闲暇时间总结一下，欢迎大家提意见。这是一个系列，叫玩转百度地图。具体会出几篇还不一定，我会慢慢的整理百度地图的功能，并一篇篇的记录下来。这是第一篇，不做过多的讲解，只是起一个引导，首先教大家如何在页面上显示一个百度地图。首先上一个实例，然后再一一讲解每句话的含义。

<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，越大缩放就越大。

好了，这一篇就讲这么多，下一篇准备讲在地图上怎样加一个缩放杆，这样就更加便于缩放了，希望大家继续关注！

分享到：

java7新特性 | Java的synchronized关键字：同步机制总结

2011-03-23 09:52
浏览 1686
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论