当前位置:Gxlcms > JavaScript > 基于Arcgisforjavascript实现百度地图ABCDmarker的效果_javascript技巧

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

时间:2021-07-01 10:21:17 帮助过:27人阅读

先给大家展示实现后效果:

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

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

显示信息

实现思路:

1、列表与地图的互动

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

关键代码:

2、地图与列表的互动

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

关键代码:

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

4、数据以JSON形式存在。

完整代码:

以上内容就是脚本之家小编给大家分享的基于Arcgis for javascript实现百度地图ABCD marker的效果,希望大家喜欢。

人气教程排行