[Baidu Map]MarkerManager扩展

关键代码:

/// <reference path="MarkerManager.js" />
BMapLib.MarkerManager.prototype.count = function () {
    /// <summary>
    /// 获取MarkerManager管理标记数量
    /// </summary>
    /// <returns type="">管理标记数量</returns>
    return this._numMarkers.length;
}
BMapLib.MarkerManager.prototype.find = function (properties, value) {
    /// <summary>
    ///查找标记
    /// </summary>
    /// <param name="properties">键</param>
    /// <param name="value">值</param>
    /// <returns type="BMap.Marker">若没查找到,则返回NULL</returns>
    for (var i = 0; i < this._numMarkers.length; i++) {
        var marker = this._numMarkers[i];
        if (marker[properties] == value)
            return marker;
    }
}
BMapLib.MarkerManager.prototype.findAllInBounds = function (properties, value) {
    /// <summary>
    /// 查找符合条件的可视范围内标记
    /// </summary>
    /// <param name="properties">键</param>
    /// <param name="value">值</param>
    /// <returns type="Array">符合条件的数组</returns>
    var bounds = this._map.getBounds();
    var finded = new Array;
    for (var i = 0; i < this._numMarkers.length; i++) {
        var marker = this._numMarkers[i];
        if (bounds.containsPoint(marker.getPosition())) {
            if (marker[properties] == value) {
                finded.push(marker);
            }
        }
    }
    return finded;
}
BMapLib.MarkerManager.prototype.findVisualMarkers = function () {
    /// <summary>
    /// 查找可视范围内标记
    /// </summary>
    /// <returns type="Array">可视范围内标记数组</returns>
    var bounds = this._map.getBounds();
    var finded = new Array;
    for (var i = 0; i < this._numMarkers.length; i++) {
        var marker = this._numMarkers[i];
        if (bounds.containsPoint(marker.getPosition())) {
            finded.push(marker);
        }
    }
    return finded;
}

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

注:基于Baidu Map API 1.2

希望有所帮助,谢谢!

时间: 2024-10-15 22:16:13

[Baidu Map]MarkerManager扩展的相关文章

提高Baidu Map聚合的效率

百度的MAP的例子里提供了一个聚合效果,地址是http://developer.baidu.com/map/jsdemo.htm#c1_4 ,效果图如下图: 这个效果很赞,但效率很低,当数据量达到5000的时候就难以忍受了,加载和地图缩放都很卡,用户体验很差劲.官方提供的MarkerClusterer.js 文件是这样的: /** * @fileoverview MarkerClusterer标记聚合器用来解决加载大量点要素到地图上产生覆盖现象的问题,并提高性能. * 主入口类是<a href=

[BaiDu Map]使用小计

最近从谷歌地图转移到百度地图,关于其中操作代码备记下,其中包括关于MarkerManager使用,代码基于API 2.0: var allMarkers = []; var map = null; var mgr = null; var infoWindow; /* baidumap初始化 *xlat,ylng 经纬度 *zoom 缩放级别 *gdiv 承载div */ function setupMap(xlat, ylng, zoom, gdiv) { map = new BMap.Map(

[Baidu Map]添加全景地图

关键代码: /* 为地图添加全景 @map BMap.Map @divid 全景地图承载div @ylng,xlat 全景地图初始化经纬度 eg:panorama = addPanorama(map, 'panorama', ylng, xlat); */ function addPanorama(map, divid, ylng, xlat) { var panorama = new BMap.Panorama(divid); //全景图展示 panorama.setPosition(new

Android 百度地图开发之一(Hello BaiDu Map)

之前也接触过百度地图的开发,但那是在网上找的案例或代码,而且是比较老的版本.打算重新学习一下百度地图的开发. 本次使用的百度地图的版本是 Android SDK v3.0.0 本篇文章主要讲述百度地图开发的准备和地图的成功显示即可. 首先建议大家先申请注册一个百度账号. 申请密钥(要想实现百度地图的相关服务必须申请密钥),网址:http://lbsyun.baidu.com/apiconsole/key 需要注意的是:应用名称不要重复或无效,安全码的输入详情请查看:http://develope

baidu map develop

百度地图 前端时间,因项目需要加入了谷歌地图,但是由于谷歌换了接口,对谷歌地图市区耐心了,还是使用国产的百度吧,先走起来. 如果你有百度账号,那就可以搜索百度地图开发者中心,去申请密钥(ak),然后就可以使用了,先来个hello world吧. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&

Android DEV : Show a window on Baidu Map

      周末同学说想弄个基于Baidu地图的应用来, 于是就开始研究这个SDK来. 其中应用有个需求, 需要点击地图上的标记时, 显示一组按钮. 于是按照常规的作法失业了InfoWindow, 如下. //panel is a view, some buttons in it. final InfoWindow iw = new InfoWindow(panel, marker.getPosition(), null); //getMap() return BaiduMap activity

.NET Core中间件的注册和管道的构建(3) ---- 使用Map/MapWhen扩展方法

.NET Core中间件的注册和管道的构建(3) ---- 使用Map/MapWhen扩展方法 0x00 为什么需要Map(MapWhen)扩展 如果业务逻辑比较简单的话,一条主管道就够了,确实用不到Map.不过当业务逻辑比较复杂的时候,有时候我们可能希望根据情况的不同使用特殊的一组中间件来处理HttpContext.这种情况下如果只用一条管道,处理起来会非常麻烦和混乱.此时就可以使用Map/MapWhen建立一个分支管道,当条件符合我们的设定时,由这个分支管道来处理HttpContext.使用

[Baidu Map]在WebBrowser下InfoWindow显示变形问题

在项目开发中,因为是C/S原因,要展示百度地图,只能内嵌WebBrowser来实现,遇到的问题是当点击Marker标记展示其对应的InfoWindow的时候,在WebBrowser内第一次点击时候能够很好展示,而当再在此点击的时候InfoWindow就会很糟糕,变形: 如图: 搜索一番也未找到原因,已经发邮件给百度地图邮箱咨询也暂未得到答复,是不是Bug就不得而知: 后面投机取巧的发现强制设置InfoWindow的宽度能够解决问题,代码如下: /* *说明:为Marker标记当点击的时候,弹出提

vue baidu map之获取选中点的经纬度

需求:在vue项目中通过点击按钮,弹出百度地图的弹框,用户选择地图上的点或者通过搜索关键字选点,点击确认 关闭弹窗 得到经纬度 效果: vue baidu map api链接 : https://dafrok.github.io/vue-baidu-map/#/zh/index 使用之前需要先申请百度服务密钥 由于要多次用到地图选点,故封装成一个简单的组件,在需要的地方进行引入,弹窗用的是iview的modal,本例中用的是局部引入vue baidu map 在需要的地方引入组件 eg: <ma