我在一个页面,调用了百度地图的API,我整到一个js文件内,但是同页面的另一个js特效却没用了

JavaScript013

我在一个页面,调用了百度地图的API,我整到一个js文件内,但是同页面的另一个js特效却没用了,第1张

一般特效没有了是因为jquery冲突,但是百度API是没用Jquery的,所以问题应该出在,你这个页面的JS代码当中有全局变量重复声明了,所以数据就被覆盖成最后声明的那个变量的值了。所以没有了特效。

详情访问该链接:http://developer.baidu.com/map/jsdemo.htm#c1_1

js代码如下:

var map = new BMap.Map("allmap")

map.centerAndZoom(new BMap.Point(116.404, 39.915), 14)

var marker1 = new BMap.Marker(new BMap.Point(116.384, 39.925)) // 创建标注

map.addOverlay(marker1) // 将标注添加到地图中

//创建信息窗口

var infoWindow1 = new BMap.InfoWindow("普通标注")

marker1.addEventListener("click", function(){this.openInfoWindow(infoWindow1)})

//创建小狐狸

var pt = new BMap.Point(116.417, 39.909)

var myIcon = new BMap.Icon("fox.gif", new BMap.Size(300,157))

var marker2 = new BMap.Marker(pt,{icon:myIcon}) // 创建标注

map.addOverlay(marker2) // 将标注添加到地图中

//让小狐狸说话(创建信息窗口)

var infoWindow2 = new BMap.InfoWindow("<p style='font-size:14px'>哈哈,你看见我啦!我可不常出现哦!</p><p style='font-size:14px'>赶快查看源代码,看看我是如何添加上来的!</p>")

marker2.addEventListener("click", function(){this.openInfoWindow(infoWindow2)})