百度地图中覆盖物的信息窗口和跳转

我们的目标是点击覆盖物弹出信息窗口,然后点击信息窗口中部分区域进行跳转,如下图:

百度地图中覆盖物的信息窗口和跳转_第1张图片

先看百度demo,如下图:

百度地图中覆盖物的信息窗口和跳转_第2张图片

主要代码如下:


我们还需要在信息窗口添加可以跳转的内容。

实现效果的代码如下:




我们查看代码,发现有什么可以改的,然后再去看API查看参数,发现InfoWindowAPI:

//此类表示地图上包含信息的窗口。
InfoWindow(content: String | HTMLElement, opts: InfoWindowOptions)
//创建一个信息窗实例,其中content支持HTML内容。1.2版本开始content参数支持传入DOM结点

所以可以通过修改content的值来修改窗口的内容和进行跳转:

var content = data_info[i][2]+ "";

参考文章:
http://lbsyun.baidu.com/jsdemo.htm#d0_5
https://blog.csdn.net/qq_26991807/article/details/80764647
http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a3b7

你可能感兴趣的:(前端)