• 5.18


    地图设置点标记

    var markerLayer = new TMap.MultiMarker({
        map: map,  //指定地图容器
        //样式定义
        styles: {
            //创建一个styleId为"myStyle"的样式(styles的子属性名即为styleId)
            "myStyle": new TMap.MarkerStyle({ 
                "width": 25,  // 点标记样式宽度(像素)
                "height": 35, // 点标记样式高度(像素)
                "src": '../img/marker.png',  //图片路径
                //焦点在图片中的像素位置,一般大头针类似形式的图片以针尖位置做为焦点,圆形点以圆心位置为焦点
                "anchor": { x: 16, y: 32 }  
            }) 
        },
        //点标记数据数组
        geometries: [{
            "id": "1",   //点标记唯一标识,后续如果有删除、修改位置等操作,都需要此id
            "styleId": 'myStyle',  //指定样式id
            "position": new TMap.LatLng(39.954104, 116.357503),  //点标记坐标位置
            "properties": {//自定义属性
                "title": "marker1"
            }
        }, {//第二个点标记
            "id": "2",
            "styleId": 'marker',
            "position": new TMap.LatLng(39.994104, 116.287503),
            "properties": {
                "title": "marker2"
            }
        }
        ]
    });

    添加点标记:add(geometries: PointGeometry[])

    修改点标记:updateGeometries

    删除点标记:remove

    设置点聚合:

    var markerCluster = new TMap.MarkerCluster({
        id: 'cluster', //图层id
        map: map,       //设置点聚合显示在哪个map对象中(创建map的段落省略)
        enableDefaultStyle: true,   //使用默认样式
        minimumClusterSize: 2,  //最小聚合点数:2个
        geometries: [
            {position: new TMap.LatLng(39.982829,116.306934)},
            {position: new TMap.LatLng(39.989011,116.323586)},
            {position: new TMap.LatLng(39.978751,116.313286)},
            {position: new TMap.LatLng(39.980593,116.304359)},
            //....将您所有要打到图中的坐标点传入进来
        ],
        zoomOnClick: true,  //点击聚合数字放大展开
        gridSize: 60,       //聚合算法的可聚合距离,即距离小于该值的点会聚合至一起,默认为60,以像素为单位
        averageCenter: false, //每个聚和簇的中心是否应该是聚类中所有标记的平均值
        maxZoom: 16 //采用聚合策略的最大缩放级别,若地图缩放级别大于该值,则不进行聚合,标点将全部被展开
    });
  • 相关阅读:
    SSL/TLS
    openssl数字证书常见格式 协议
    Jetty 与 Tomcat 的比较
    Spring Boot 邮件配置
    SSL与TLS的区别以及介绍
    pring Boot 与Spring Cloud版本对应
    iOS initWithFrame、initWithCoder、awakeFromNib的区别解析
    浅析iOS tableview的selectRowAtIndexPath选中无效(默认选中cell无效)
    iOS 多线程NSThread理解与场景示例
    iOS7 UIWebview加载进度条实现
  • 原文地址:https://www.cnblogs.com/zhaoyids/p/14907706.html
Copyright © 2020-2023  润新知