[转载]如何利用百度地图API，制作房产酒店地图？（下）

[转载]如何利用【百度地图API】，制作房产酒店地图？（下） - 酸奶小妹 - 博客园.

摘要：

很多房产网、旅游酒店网上，都有一个列表，鼠标经过列表上的数据时，地图上就会打开相应的信息窗口。

如何实现这一功能呢？

快来学习吧。

-----------------------------------------------------------------------------------------------

一、制作列表

接着上一篇文章来讲，我们已经拥有了一张能显示自定义标注，和信息窗口的地图了。现在，我们来加上列表。

首先，需要写上一段htm，来展示列表。
[html]

[/html]
对了，不要忘记给列表中的链接加上样式。

二、打开对应的信息窗口

因为这里没有用到对应的marker，不能用上一篇文章中的打开信息窗口的方法了。

我们需要在地图上打开信息窗口。

需要两个参数，第一是信息窗口的id，第二是信息窗口的坐标。如下：
[js]
function openMyWin(id,p){
map.openInfoWindow(id,p);
}
[/js]
最后，只需要对列表中的数据，加上打开对应信息窗口的js语句即可。

如下，当鼠标滑过时，打开信息一的窗口。
onmouseover="openMyWin(infoWindow1,point[1])"

三、截图

四、源代码

为了方便大家学习，以下代码包含了上一章的全部代码，并做了改进。

全部源代码如下：
[html]

酷讯酒店地图

[/html]