当前位置:   article > 正文

百度地图api html信息窗口,百度地图 javascript api自定义信息窗口

百度地图api怎么变更修改infowindow的位置

百度 js api中存在infoWindow的类,就是marker 点击后显示的信息窗口,

他存在一下问题

1.在map中只能显示一个infowindow,

2.该信息窗口的样式无法修改,显示的内容具有局限性,虽然在2.0以后可以添加html元素,但是样式只能部分修改,比如他的背景色始终为白色。

通过寻找信息窗口里的例子,发现在1.5版本的时候,提供过一个自定窗口的例子和相关的js文件

该例子位于百度地图开发javascript 页面的 开发指南>>>信息窗口 页面的最底端,其中提供了一个租房信息的自定义信息窗口的例子b2f9c4524a11499fe1d253ed0fbc99ab.png

通过该例子可以知道我们必须一如一个含有infoBox对象的JS文件,infoBox_min.js 我们可以将其进行下载,然后根据需求进行修改相关的参数,来实现自定义的窗口,其实就相当于直接在地图上添加了dom元素而已,我们也可以自定义类似于infoBox对象,但是为了省事,我们直接对他进行编辑修改,可能是因为原理比较简单,所以百度没对其相关的参数进行详细的介绍,文档中也没有,只有一个例子,到那时不要着急,在infoBox.js 中已经有了窗口的实现过程。尤其是一些未知的样式参数我们都可以进行扩展或者修改,本人通过修改后得到了下面的信息窗口效果

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/109652
推荐阅读
相关标签
  

闽ICP备14008679号