google map api 与jquery结合使用(2) --标注,浮窗[转帖]

google map api 与jquery结合使用1-3

 

google map api 与jquery结合使用(1)--控件,监听器[转帖]

google map api 与jquery结合使用(2) --标注,浮窗[转帖]

google map api 与jquery结合使用(3) --图标样式,使用xml和异步请求【转帖】

 

修改javascript代码：
map.js

$(document).ready(function()
);

在地图的中央会显示信息浮窗（相对粗糙）
信息浮窗效果图

地图标注
map.js

$(document).ready(function()
);

此时可以在地图中看到10个标注和一条折线，由于是随机生成的，所以位置不是固定。
随机的地图标注和折线效果图

在标记上显示信息浮窗

map.js

$(document).ready(function()
);

在标记上面显示信息浮窗的效果

分标签的信息浮窗

map.js

$(document).ready(function()
);

此时的浮窗是分标签的
分标签的信息浮窗

打开信息浮窗