在bing地图上动态添加独立的重叠图钉
separate overlapping pushpins that are added dynamically on a bing map
我正在尝试创建一个bing地图和添加图钉到地图通过创建新的图钉使用以下
new Microsoft.Maps.Pushpin(locs[i], pushpinOptions);
,其中locs数组包含使用AJAX调用填充的不同位置的所有纬度和经度,并且由于要在地图上显示的位置数量从2到20不等,因此由于URL变得太大,我无法在bing地图REST API调用中传递纬度和经度。
我已经尝试在REST API中传递'dcl=1'参数,但它不工作,因为它不是静态映射。我遵循这个教程,但它是静态地图,即所有数据的地图渲染是通过REST API传递给bing,这在我的情况下是不可行的。我也试过,但这,但我需要分开图钉时,他们被渲染。有没有办法分离重叠图钉是动态添加在bing地图上?
简短的回答是没有内置的选项。图钉在坐标所在位置呈现。让它们不发生碰撞是非常困难的,尤其是当你有很多重叠的图钉时。在这些场景中通常要做的是实现集群。集群使用重叠的图钉,将它们分组在一起,并将它们表示为单个图钉,该图钉可能看起来不同,以表明它是一个集群。这样做的好处是,您可以访问集群中的所有数据,并以多种不同的方式呈现这些数据,例如使用信息框和创建集群中所有图钉的列表。下面是Bing Maps V7的一个很好的模块,它提供了这个功能:http://bingmapsv7modules.codeplex.com/wikipage?title=Client%20Side%20Clustering
要获取代码,请转到源代码选项卡并按下下载。
相关文章:
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- 定义完全独立的样式信息
- 如何更改reactjs中外部/独立组件的状态或属性
- HighCharts长标题文本在某些元素上重叠
- 如何检测重叠元素下的单击
- 停止较大单词的重叠
- 用独立变量敲除foreach绑定
- DataTables合并了两个独立表中的jQuery/Javascript函数
- 使用Javascript克隆();使一个独立的页眉跟随页面
- FullCalendar:事件发生时阻止重叠.标题是一样的
- 如何验证日期、月份和日期的3个独立输入字段;年使用jquery或javascript
- 使用脚本#编译代码(独立)
- 在页脚处停止固定侧边栏-防止重叠
- JS图表和html表格重叠
- 独立离线的html5网络应用程序
- Angular JS-文本框未在独立范围内更新
- Cordova AngularJS Ionic标签的内容在第一次加载时重叠
- 将多个重叠的透明图像保存为一个图像
- 呈现多个独立的重叠形式
- 在bing地图上动态添加独立的重叠图钉