小编Joe*_*ook的帖子

如何解决 google 地图中的 addDomListener() 弃用问题

当我打电话addDomListeneraddDomListenerOnce

const domNode = document.getElementById('...');
google.maps.event.addDomListener(domNode, "mouseover", () => { ... })
Run Code Online (Sandbox Code Playgroud)

我不断收到以下控制台警告:

google.maps.event.addDomListener() is deprecated, use the standard addEventListener() method instead: 
https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener
The feature will continue to work and there is no plan to decommission it.
Run Code Online (Sandbox Code Playgroud)

如何在addEventListener不破坏任何内容的情况下迁移到?

google-maps google-maps-api-3

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

在elasticsearch中搜索字幕数据

有以下数据(简单的srt)

1
00:02:17,440 --> 00:02:20,375
Senator, we're making our final

2
00:02:20,476 --> 00:02:22,501
approach into Coruscant.

...
Run Code Online (Sandbox Code Playgroud)

在 Elasticsearch 中索引它的最佳方法是什么?现在有一个问题:我希望搜索结果突出显示链接到时间戳指示的确切时间。此外,还有多个 srt 行重叠的短语(例如final approach在上面的示例中)。

我的想法是

  • 将 srt 文件索引为列表类型,时间戳是索引。我相信这不会匹配重叠多个键的短语
  • 创建仅索引文本部分的自定义标记器。我不确定elasticsearch 能在多大程度上突出显示原始内容。
  • 仅索引文本部分并将其映射回弹性搜索之外的时间戳

或者还有另一种选择可以优雅地解决这个问题吗?

elasticsearch elasticsearch-model elasticsearch-mapping elasticsearch-query

7
推荐指数
1
解决办法
411
查看次数

如何在 Chart.js 中绘制线性回归线

我看到其他库支持这一点,但 Chart.js 的数据很少。有人可以告诉我如何从图表的回归线开始吗?到目前为止,这是我的代码:

var datiedu3 = {"labels": ['ok'],
          "datasets": [{label: 'EEE',
                        data: datoa ,

                        backgroundColor: 'rgb(255, 99, 132)',
                        borderWidth: 1,
                        showLine: false}] 
           };

function grafo2(dati, opzioni) {
  var grafoline = document.getElementById('Chartline').getContext('2d');
  new Chart(grafoline, {type: 'scatter',data: dati, options: opzioni});
};
// display the data used in dataset[0]:
console.log(datiedu3.datasets[0].data)
grafo2(datiedu3)
Run Code Online (Sandbox Code Playgroud)

我想我必须创建另一个带有折线图的数据集,并将我的方程放在那里,但我不知道该怎么做,我有点迷失了。

我的全部代码在这里codepen

javascript chart.js

6
推荐指数
1
解决办法
7312
查看次数

可能不存在的字段上的“orderBy”会完全跳过文档

简要背景:我有一个onCreate云函数,在执行一些异步任务后,它会createdAt为最近创建的文档分配一个时间戳。这个函数失败了几次,导致我的一些文档createdAt根本没有这个属性——所以没有null值,而是一个缺失的字段。

现在,当我使用类似以下内容的方式对集合进行分页时

_ref.orderBy('createdAt', 'desc')
    .startAfter(cursorSnapshot)    // <-- most probably not playing a role here?
    .limit(200)
Run Code Online (Sandbox Code Playgroud)

我希望文档在有序集合的(任一)末尾缺少时间戳。相反,我注意到它们被跳过了

这是期望的行为吗?这个答案声称

无法查询不存在字段的文档。

如果是这样,我如何重新包含跳过的文档?

PS:我已经修复了我的云功能,所以这种情况应该不会再发生了,但我很惊讶这些文档实际上被跳过了。

node.js firebase google-cloud-firestore

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

如何在 Next.js 中重新加载时强制执行 i18n 语言环境 slugs 并实现 i18n 一致性?

我正在使用next-translate. 默认情况下,我的路线被识别如下:

/about         <---
/de/about
/es/about
Run Code Online (Sandbox Code Playgroud)

但我想为所有路径强制执行语言环境:

/en/about      <---
/de/about
/es/about
Run Code Online (Sandbox Code Playgroud)

这是我的配置:

下一个.config.js

/about         <---
/de/about
/es/about
Run Code Online (Sandbox Code Playgroud)

i18n.js

/en/about      <---
/de/about
/es/about
Run Code Online (Sandbox Code Playgroud)

请注意,我还有一个保留NEXT_LOCALEcookie的 lang 更改组件。因此,我希望当我访问/about并且我的NEXT_LOCALEcookie 之前已设置为 时de,路由器会将我重定向到/de/about. 但事实并非如此。它停留在/about并将cookie重写为en...

这是当前的pages文件夹结构:

...
pages/
  _app.tsx
  _document.tsx
  about.tsx
  ...
Run Code Online (Sandbox Code Playgroud)

我需要将其重组为这个吗?

pages/
  _app.tsx
  _document.tsx
  [lang]/         <---
    about.tsx
    ...
Run Code Online (Sandbox Code Playgroud)

如果是这样,下一步会是什么?

  • 通过解析首选语言环境 useRouter()
  • 解析NEXT_LOCALEcookie
  • 解析langslug

然后决定哪个具有更高的优先级?我应该在哪里做?在_app.tsx/一些 HOC?

我是否需要任何rewrites或 …

javascript internationalization next.js

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

在谷歌地图中编辑并保存更新的多边形坐标

在我的 Rails 应用程序中,我使用多边形绘图工具实现了谷歌地图。我已经能够添加坐标并将其成功保存到我的数据库中。

我遇到的问题是当用户想要编辑并保存对多边形形状所做的任何更改时。我如何实现这个功能?我最好的猜测是使用条件来查看数据库是否有任何保存的坐标,如果有,将它们加载到侦听器中?

超文本标记语言

<div style='width: 100%;'>
<%= hidden_field_tag(:map_coords, value = nil, html_options = {id: 'propertyCoordinates'}) %>
Run Code Online (Sandbox Code Playgroud)

JavaScript

function initMap() {
  var map = new google.maps.Map(document.getElementById("map"), {
  center: { lat: -40.6892, lng: 74.0445 },
  zoom: 8,
  mapTypeId: google.maps.MapTypeId.HYBRID,
});
        
var polyOptions = {
  strokeWeight: 0,
  fillOpacity: 0.45,
  strokeColor: "#FF0000",
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: "#FF0000",
  fillOpacity: 0.35
};
// loads databased saved coordinates
var propertyCoords = [<%= @property.coordinates %>];
var points = [];
for (var i = 0; i …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps ruby-on-rails google-maps-api-3

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

弃用 Marker 类 - Google Map API 警告

我正在开发一个带有 google 地图 typescript api 的应用程序,今天我在应用程序启动时收到此警告消息 ->

自 2024 年 2 月 21 日起,google.maps.Marker 将不再可用。请改用 google.maps.marker.AdvancedMarkerElement。有关终止的更多信息,请访问 https://developers.google.com/maps/deprecations

但 AdvancedMarkerElement 没有具有 Marker 类的所有属性...为什么呢?我将 @types/google.maps 更新为最新版本,但我不断收到相同的警告,有人知道这件事吗?以及如何解决?

google-maps google-maps-api-3 typescript

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