在Mapboxgl上显示方向箭头

时间:2017-09-07 18:01:32

标签: leaflet mapbox mapbox-gl-js

尝试在mapboxgl中显示箭头作为方向指示。箭头仅在高变焦时可见,在低变焦时不可见。

使用 id_str id Value Difference 2380 1 21.01 0 2380 3 22.04 0 2380 5 22.65 0 2380 8 23.11 0 2380 10 35.21 0 20100 2 37.07 0 20100 4 38.17 0 20100 6 38.97 0 20103 7 57.98 0 20103 9 60.83 0

添加图像图层

线图层

    id_str     id             Value   Difference
    2380        1             21.01       0
    2380        3             22.04       0
    2380        5             22.65       0
    2380        8             23.11       0
    2380       10             35.21      12.1
    20100       2             37.07       0
    20100       4             38.17       0
    20100       6             38.97      0.8
    20103       7             57.98       0
    20103       9             60.83      2.85

箭头图层

// Ajax File upload with jQuery and XHR2
// Sean Clark http://square-bracket.com
// xhr2 file upload
// data is optional
$.fn.upload = function(remote, data, successFn, progressFn) {
    // if we dont have post data, move it along
    if (typeof data != "object") {
        progressFn = successFn;
        successFn = data;
    }
    //What is doing here?
    return this.each(function() {
        if ($(this)[0].files[0]) {
            var formData = new FormData();
            formData.append($(this).attr("name"), $(this)[0].files[0]);

低缩放时没有箭头

enter image description here

以高变焦显示箭头

enter image description here

我尝试过使用符号间距,但它没有用。 有没有办法强制mapbox在低变焦时显示箭头?

jsfiddle.net/4jjmh2nb

0 个答案:

没有答案