接着上一篇,将上一篇代码的js提取出来:
<script type="text/JavaScript">
var map = new BMap.Map("allmap"); // 创建Map实例
var point = new BMap.Point(116.404, 39.915); // 创建点坐标
map.centerAndZoom(point,15); // 初始化地图,设置中心点坐标和地图级别。
map.enableScrollWheelZoom(); //启用滚轮放大缩小
</script>
这段js功能很简单,就是初始化地图并且定位。其中涉及了四个库里的函数:
1.Map(参数:HTML中的元素)
所以必须要有一个块<div id="allmap"></div>,并且调用的就是之前定义好的三种样式
<style type="text/css">
body, html,#allmap { 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;20%;float:left;}
</style>
2.Point(坐标|字符串)
这个函数即可用坐标初始化也可用字符串。
3.centerAndZoom(Point,Number)
这个函数是地图的最基础也是最重要的函数,是将定义好的点加载到地图上进行定位,并且指明地图放大级数。
4.enableScrollWheelZoom();
这个一看名字就知道是开启滚动条,默认参数为true。
以后修改百度的DEMO时只要在
<script type="text/javascript">
//do something
</script>
就行了,当然了,你要是有特殊的需求还需要另外定义元素或者全局变量等等,这个后面我会跟大家分享。上面的四个函数在百度的开源库里都能找到http://developer.baidu.com/map/reference/index.phptitle=Class:E6%80%BB%E7%B1%BB/%E6%A0%B8%E5%BF%83%E7%B1%BB,有详细的介绍,我就不在这一一介绍了。但是必须说一点,也许是出于机密,百度提供的这个类库有些笼统,比如有些类里面方法的属性根本就没有提及,这个类库的参考只能让你有一些轮廓。所以,利用百度API进行二次开发有一个很庞大的工程就是筛选出你需要的功能函数,并且看很多DEMO来找出该函数的各种重载和用法。所以下一篇,我跟大家分享一下我自己总结的常用函数的属性以及方法,会很多喔(绝对实用)。