问题标签 [custom-overlay]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
241 浏览

android - 在 Android 谷歌地图活动中隐藏除自定义叠加之外的所有内容

我目前在我的应用程序中为谷歌地图活动上的谷歌地图设置了一个叠加层。

图像排列完美,但是当您离开覆盖区域时,您会看到正常的谷歌地图视图。

我想隐藏除自定义叠加之外的所有内容,我该怎么做?

为了防止用户从我放大相机的位置缩小并丢失自定义叠加层,我可以将用户锁定在某些 gps 坐标内吗?(自定义覆盖覆盖的区域)

0 投票
1 回答
974 浏览

ios - iOS - 某些图块未在自定义 MKTileOverlay 中呈现

我在使用 MapKit 的 iOS 项目中有一个自定义的 MKTileOverlay,它在大多数情况下都能正常工作。但是,在放大/缩小几次并平移地图后,一些图块没有被绘制出来。

起初我认为这是一个简单的瓦片没有加载的情况,所以我将 MKTileOverlay 子类化并在控制台中添加了日志记录。它表明所有的瓷砖都被完美地加载并传送到了结果块。

当我没有想法时,我创建了一个本地图块生成器,它只返回带有路径 x/y/z 和绘制框架的图像,以查看缺少哪些图块。

缺少平铺示例图像

不幸的是,即使使用本地生成的图块,问题仍然存在,因此它与 Internet 连接无关。另一个奇怪的行为是,如果我有两个自定义叠加层,它们将是完全相同的图块,不会在两个叠加层上呈现。

我现在能想到的唯一解决方案是将瓷砖渲染器子类化并确保显示所有内容,因为无法知道瓷砖没有被渲染。然而,这听起来像是大量的工作和“重新发明轮子”的任务......

0 投票
1 回答
1481 浏览

javascript - OpenLayers 3 中的自定义叠加层

目前我正在开发 Openlayers 3。

我在 Google 地图 Javascript api v3 中使用自定义叠加层将自定义标记添加为地图上的 html div。这些标记被分组并绘制在不同的自定义叠加层中。

现在我试图在 OpenLayers 3 中实现相同的功能,但我找不到任何解决方案,因为 OpenLayers 3 中的叠加层在一个叠加层中采用了一个标记。

我可以在 OpenLayers 3 中对叠加层进行分组以便对标记进行分组吗?或者还有其他选择吗?

0 投票
1 回答
2833 浏览

openlayers-3 - 如何在 Openlayer 3 的层中添加自定义 Html dom 元素

我使用过 Google api Overlayviews。我能够使用像素值在 latlng 位置添加带有 html div 元素的自定义叠加层。

现在我正在使用 OpenLayer 3。是否有任何选项可以使用像素值在特定位置添加自定义 div 元素,例如标记。每次放大或缩小地图时,我都可以找到像素位置并更新 div 元素的顶部和左侧,使其看起来处于正确的位置。在 OpenLayer3 中是否有这种可能性。

0 投票
1 回答
79 浏览

google-maps - 在单点谷歌地图上实现自定义叠加

我想在谷歌地图上具有固定宽度和高度的单个(lat,lng)点上实现 div。有一些示例可以在范围内而不是在单个点上实现覆盖。有人实施了吗?

0 投票
1 回答
295 浏览

javascript - 带有输入文本的谷歌地图自定义覆盖在 IE Edge 上不起作用

当使用谷歌地图自定义覆盖添加弹出窗口时输入文本框如下所示,当我尝试点击 IE Edge 15 上的输入框时(尚未在其他 IE 版本上测试)我无法点击它并开始键入好像它不会将焦点设置在输入框上。

它确实适用于 Chrome。

完整的示例代码在这里 - jsfiddle

我想知道我上面的实现是错误的还是谷歌地图的错误?[编辑:还是有解决办法?]

0 投票
1 回答
167 浏览

angular - Google Maps Api V3 - 隐藏重叠的自定义叠加层

我在地图上为不同城市放置了许多自定义叠加层,并试图隐藏/折叠重叠的叠加层。无论哪里有空间,我都想展示/扩展人口最多的地方。

我想实现与谷歌航班(探索部分)完全相同的行为。

我试过的

我尝试了以下方法。我循环浏览所有自定义叠加层,检查是否存在重叠,然后隐藏是否存在人口较多的叠加层。问题是隐藏了太多,请参见以下示例:

  • A市(3000人口)
  • B市(2000人口)
  • C市(千人)
  • A 和 B 重叠
  • B 和 C 重叠
  • A 和 C 不重叠

A 和 C 都应该是可见的,但 C 是隐藏的,因为 B 和 C 重叠并且 B 具有更高的人口。

请注意,我使用的是 Angular,但这是一个一般的 js 问题。

有谁知道如何正确地做到这一点?如果我前进的方向没有效率,我也愿意采用完全不同的方法。

0 投票
0 回答
105 浏览

google-maps-api-3 - Google Maps draggable overlay on touch screen

I have added a custom draggable overlay onto a google map, which works well using a mouse, but doesn't work on touch screens.

The code I am using is from this question : Can we make custom overlays draggable on google maps V3

The code is from @Dr.Molle and shown below.

Is there anything I can do to make it work on a touch screen? The marker shows, but I cannot move it.

0 投票
1 回答
1965 浏览

angular - 如何为角材料创建自定义覆盖容器

我已经尝试遵循指南。

我有一个OverlayContainer子类

然后我有一个指令:

app.module.ts

然后我用那个指令添加一个 div

得到以下错误:

任何帮助表示赞赏。