小编SER*_*ERG的帖子

如何在control.layers中获取所选图层?

有没有办法在control.layerswith leaflet中选择所有选定的图层api

我可以在这样的帮助下做到这jquery一点:

$('.leaflet-control-layers-selector:checked')
Run Code Online (Sandbox Code Playgroud)

但也许有一个api

在此输入图像描述

谢谢

leaflet

5
推荐指数
2
解决办法
3664
查看次数

按点值绘制的Mapbox热图

有一个热图示例https://www.mapbox.com/mapbox-gl-js/example/heatmap/,显示的是区域上标记/点的数量。但是,有没有一种方法可以通过平均引脚/标记值显示热图?例如,如果我有5个引脚,并且其平均道具价值速度= 3,那么它将显示为绿色簇/热图,并且如果它们是av。prop val是6,那么它将是红色的群集/热图。

我发现“ clusterAggregates”属性可以提供帮助,但是找不到使用它的任何示例。

谢谢

mapbox mapbox-gl mapbox-gl-js

5
推荐指数
1
解决办法
489
查看次数

如何将 requestAnimationFrame 与 Promise 一起使用

我想将requestAnimationFrame与Promise一起使用,所以我可以这样使用它

opacityToggle("layername",0).then(i=>"do some stuff after animation ends")
Run Code Online (Sandbox Code Playgroud)

,但不确定如何执行此操作。这是我的代码:

opacityToggle("layername",0).then(i=>"do some stuff after animation ends")
Run Code Online (Sandbox Code Playgroud)

javascript es6-promise

5
推荐指数
1
解决办法
6662
查看次数

带有 mapbox queryRenderedFeatures 的错误几何图形

我正在尝试使用 queryRenderedFeatures 获取多边形的几何图形 在缩放级别 12 上是可以的,但是在 15 时我得到了错误的几何图形。这是我的代码,每次鼠标悬停时,我都会得到不同的坐标。这里https://codepen.io/benderlidze/pen/qPXNJv - 将鼠标从顶部和底部悬停在多边形上。红色多边形是由 queryRenderedFeatures 返回的几何图形,它总是不同的。

 map.on("mousemove", "seatRowsFill", function(e) {

    map.getCanvas().style.cursor = 'pointer'; 
    map.setFilter("seatRowsFill-hover", ["==", "rowNumber", e.features[0].properties.rowNumber]);

    var relatedFeatures = map.queryRenderedFeatures(e.point, { layers: ['seatRowsFill'],"filter": ["==", "rowNumber", e.features[0].properties.rowNumber]  } )
    console.log(relatedFeatures["0"].geometry.coordinates["0"][2])
Run Code Online (Sandbox Code Playgroud)

geojson mapbox mapbox-gl-js

4
推荐指数
1
解决办法
729
查看次数

Dynamicaly在布局中添加布局?

我有一个布局,我需要插入一些带文本的块 - 比如评论日期,名称,文本.有没有办法像这样使用它

 for (int r=0; r<10;r++) {
      TextView t1=(TextView) findviewbyid(R.id.text1);
      t1="BlaBla";
      mainlayout.add(commentLayout);
 }
Run Code Online (Sandbox Code Playgroud)

所以我得到了类似listview但没有适配器等的东西.

<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android">

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Name"
    android:id="@+id/comm_name"
    android:layout_marginLeft="20dp"
    android:layout_marginTop="24dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Date"
    android:id="@+id/comm_date"
    android:layout_alignParentTop="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_margin="20dp" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New Text"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginTop="60dp"
    android:layout_marginLeft="20dp"
    android:id="@+id/comm_text" />
Run Code Online (Sandbox Code Playgroud)

layout android

3
推荐指数
2
解决办法
278
查看次数

使用 mapbox gl 双击单击事件

我在 style.load 事件上重绘图层并删除图层

        map.on('style.load', function() {
           loadByBounds(tempBounds)              
        });

        function loadByBounds(b) {
          if (map.getLayer("cluster-count")) {
            map.removeLayer("cluster-count");
          }
          ...
          map.on('click', 'unclustered-point', function(e) {

            var popup = new mapboxgl.Popup()
              .setLngLat(e.features[0].geometry.coordinates)
              .setHTML(text)
              .addTo(map);
          })}
Run Code Online (Sandbox Code Playgroud)

但是如何删除 map.on('click') 事件?当我单击该点时, Popup() 显示 2 次。当我再次更改图层时,onclick 事件会触发 3 次,依此类推。所以我想我必须删除点击事件但是如何?谢谢

mapbox mapbox-gl mapbox-gl-js

3
推荐指数
1
解决办法
2955
查看次数

如何沿线放置正方形?(Geojson+地图框)

我有一个矩形,需要用正方形填充它。我找到了中心线并想沿着这条线放置正方形。但是有没有什么简单的方法可以在 mapboxgl 中使用任何其他库(如 turfjs)绘制正方形?像设置正方形的中心和边长并获得正方形的坐标?有任何想法吗?因为用 geojson 放置圆圈不是问题,但对我来说方形似乎是个问题,因为我必须计算 4 个坐标。

在此处输入图片说明

geojson mapbox turfjs mapbox-gl-js

3
推荐指数
1
解决办法
1032
查看次数

VSCode 中是否可以从外部 js 库获取提示?

例如,在我有的 html 文件中, <script src="https://d3js.org/d3.v6.min.js"></script>我想获得诸如d3->csv等的提示。

在 WebStorm 中,可以通过添加https://d3js.org/d3.v6.min.jsExternal Libraries. 有没有办法在 VSCode 中做到这一点?

它是一个简单的 HTML+JS 文件,没有 npm、node 等,例如:

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://d3js.org/d3.v5.min.js"></script>
</head>
<body>
    <script>
        d3.SHOW_HINTS
    </script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

webstorm visual-studio-code

3
推荐指数
1
解决办法
1385
查看次数

如何仅在另一个 div 内修复 div?

我有一个带滚动的长页面。我只想在另一个 div 内修复一个 div。

<div class="box" >
  <div class="inbox1">
    menu
  </div>
  <div class="inbox2">
    text
  </div>
  <div style="clear:both"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

(另请参阅此Jsfiddle

所以,当我滚动页面时,绿色框应该总是在视图中,但只在红色框内。当红框向上滚动时,绿框应留在红框内并与红框一起向上滚动。

所以我想在本地修复红框里面的绿框。

UPD:看起来唯一的方法是使用 Jquery 插件 stickyfill。这是一篇好文章http://webdesign.tutsplus.com/tutorials/sticky-positioning-with-nothing-but-css--cms-24042。感谢 Paulie_D 的位置:粘性

html css jquery

2
推荐指数
1
解决办法
1530
查看次数

如何从导入调用异步函数?

我有这个异步代码函数可以从 AsyncStorage 获取 lang var。我想在构造(?)方法中的每个应用程序页面上调用此函数。但是当我尝试调用它时,看起来代码是同步运行的,我的 loadLang 是 = { _45: 0, _81: 0, _65: null, _54: null }。如何以正确的方式去做?谢谢。

main.js

import load from "./components/languageLoad"
               constructor(props) {
                    super(props);

                    let loadedLang = load();
                    console.log("LOADED", loadedLang);

                    this.state = {
                        settings: 1,
                        deviceLocale: "EMPTY"
                    };
                }
Run Code Online (Sandbox Code Playgroud)

语言加载.js

import React, { Component } from 'react';
import { AsyncStorage} from 'react-native';
import Lang from 'react-native-i18n'

export default load = async () => {
            try {
                const customLang = await AsyncStorage.getItem('customLang');
                if (customLang !== null && customLang !== …
Run Code Online (Sandbox Code Playgroud)

javascript async-await i18next react-native

2
推荐指数
1
解决办法
9992
查看次数