基于Arcgisforjavascript实现百度地图ABCDmarker的效果_javascript技巧

为直观期间，先贴出来我做的效果

列表展示和地图展示以及联动

显示信息

实现思路：

1、列表与地图的互动

鼠标经过列表时，修改列表图标，并根据列表返回的值在地图上绘蓝色的marker；鼠标移出，修改列表图标为红色，清空地图marker图层。

关键代码：

2、地图与列表的互动

鼠标经过地图红色的marker时，修改对应列表图标，并将红色 marker的图片换成蓝色的；鼠标移出，修改对应列表图标，并修改marker为红色。

关键代码：

3、地图上ABCD的文字是一个单独的图层，不参与互动。

4、数据以JSON形式存在。

完整代码：

基于Arcgisforjavascript实现百度地图ABCDmarker的效果_javascript技巧

基于Arcgisforjavascript实现百度地图ABCDmarker的效果_javascript技巧:先给大家展示实现后效果： 为直观期间，先贴出来我做的效果 列表展示和地图展示以及联动 显示信息 实现思路： 1、列表与地图的互动 鼠标经过列表时，修改列表图标，并根据列表返回的值在地图上绘蓝色的marker；鼠标移出，修改列表图标为红色，清空地图ma

推荐度：

点击下载本文 文档为doc格式