接着上一篇,将上一篇代码的js提取出来:
<script type="text/">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 {width: 100%;height: 100%;overflow: hidden;margin:0;}#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}#r-result{height:100%;width:20%;float:left;}</style>2.Point(坐标|字符串) 这个函数即可用坐标初始化也可用字符串。3.centerAndZoom(Point,Number)这个函数是地图的最基础也是最重要的函数,是将定义好的点加载到地图上进行定位,并且指明地图放大级数。4.enableScrollWheelZoom();这个一看名字就知道是开启滚动条,默认参数为true。以后修改百度的DEMO时只要在<script type="text/javascript">//do something</script>就行了,当然了,你要是有特殊的需求还需要另外定义元素或者全局变量等等,这个后面我会跟大家分享。上面的四个函数在百度的开源库里都能找到,有详细的介绍,我就不在这一一介绍了。但是必须说一点,也许是出于机密,百度提供的这个类库有些笼统,比如有些类里面方法的属性根本就没有提及,这个类库的参考只能让你有一些轮廓。所以,利用百度API进行二次开发有一个很庞大的工程就是筛选出你需要的功能函数,并且看很多DEMO来找出该函数的各种重载和用法。所以下一篇,我跟大家分享一下我自己总结的常用函数的属性以及方法,会很多喔(绝对实用)。