问题标签 [tangram]

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 回答
737 浏览

google-maps - 将 Google 建筑物 ID 映射到 Open Street Map 建筑物 ID

我正在做一个涉及使用 Tangram(一个很棒的 webgl 映射库)在地图上可视化建筑物的映射项目。Tangram 建筑物来自 Open Street Maps,并使用 OSM id:

在此处输入图像描述

幸运的是,我的数据来自 Google 的 Location API,它有自己的 id 系统。使用如下请求:

curl https://maps.googleapis.com/maps/api/geocode/json?address=Timble-Bridge,%20Yorkshire%20Britain&key=API_KEY_HERE

一个回来(注意底部的地方ID哈希):

我现在想知道是否有任何现存的数据库可以将 OSM id 映射到 Google 位置 id。如果有人知道任何这样的服务,或者任何更高阶的映射可以用来确定地将 OSM 和 Google id 映射到更高阶的识别服务,我将非常感谢您提供的任何见解。

0 投票
0 回答
137 浏览

android - 在两点之间缩放地图,使用 Mapzen Android SDK

使用 Mapzen Android sdk,我使用方法在地图上使用纬度和经度绘制了两点之间的路线mapData.addPolyline(markers, props);

现在我想在这两点之间缩放地图。

缩放到单点可以通过以下方法完成:

请指导我,提前谢谢。

0 投票
1 回答
816 浏览

javascript - 动态更改地图元素的样式

我正在尝试即时更改许多地图元素的样式,但没有成功。我所说的动态是指从计算的颜色动态更改地图元素的颜色,例如水体。使用 Tangram,但如果有更好的解决方案,则对其他引擎开放。由于 Tangram 使用 YAML 文件来设置各种元素的样式,因此我在场景 (YAML) 文件中使用内联 Javascript。换句话说,我不想给它一个固定的颜色,而是想计算颜色(从图像中)。而不是这个:

我正在按照这些思路做一些事情(因为我使用的是 Vue 路由器,所以更加复杂):

computedColors在 a 中计算mixing,然后广播到适当的路由:

这是路线:

任何关于我可能做错了什么的提示都表示赞赏。


更新

我遇到了各种各样的错误。它与七巧板有关,但不太能够弄清楚它到底是什么。似乎是解析 YAML 文件的问题。如果我在我的scene.yaml

有了这个:

我没有收到任何错误,但不幸的是水团仍然没有分配任何颜色。

当然,我也必须在地图路线实例中更改这些行:

0 投票
1 回答
41 浏览

ios - Tangram self.view 向下转换为 TGMapView。self.view 分配在哪里?

在 Tangram 的当前演示应用程序中,以下方法在 MapViewController.m 中定义

在 super 之后发生的第一件事是将 self.view 向下转换为 TGMapView 类型。可能有相关答案的两个问题:

  1. 一般来说,self.view 在哪里赋值?

  2. 使用什么 init 方法创建视图或自定义视图?


经过进一步研究,我在苹果文档上找到了这个。这似乎暗示自定义 UIView 必须具有这些初始化。我不清楚为什么需要两个不同的初始化,但我可以假设苹果使用一个或两个来初始化视图。

0 投票
1 回答
28 浏览

objective-c - mapViewDelegate 在哪里获取值?

在 Tangram 的当前源代码中,您可以看到 TGMapView有一个 mapViewDelegate作为属性。这个属性在哪里获得价值?

任何帮助表示赞赏。谢谢你。


我试过的

我用过

找到所有出现的变量。这会出现表达式,但不会出现赋值。

我不认为 'mapViewDelegate' 是 iOS 通过情节提要或其他“免费”任务处理的特殊价值。

到目前为止,我最好的领先优势是[self setup];TGMapView 的每个初始化步骤。在这一步,我迷路了。

0 投票
2 回答
121 浏览

ios - 创建子 UIView 的 UIView 正在生成层次约束警告

我正在尝试在我的 UIView 中创建一个 TGMapView。创建 TMMapView 后,我收到此错误:

我在这里尝试创建的 UIView 是 TGMapView 似乎并不重要。如果我尝试创建一个普通的旧 UIView 我会遇到同样的问题。

当我运行它时,TGMapView 和 UIView 初始化都会发出相同的警告(复制到上面)。我希望没有警告,并且 UIViews 约束在setup(). 我在setup().

将 UIViews 添加到我不知道的 UIViews有什么特别之处吗?我做错了顺序吗?在superView init完成之前不能完成吗?

编辑:

为什么要使用示例视图的 aDecoder 对其进行初始化?

不知道。我在情节提要中设置了它,并且在我的单视图应用程序中将视图设置为Sample视图。在调试器中,我可以看到aDecoder正在调用 init。我不能告诉你为什么其他人不是。

0 投票
1 回答
625 浏览

javascript - 如何使用 Webpack 通过 React 加载具有相对路径的静态文件?

我正在尝试使用七巧板库在 React 中创建一个地图组件。我让它单独与 Webpack 一起工作,但是当我在混合中使用 react 时它开始出现问题。

我尝试过使用各种加载器,例如原始加载器、yaml 加载器等,但到目前为止它们都没有工作。

地图组件如下所示:

我如何才能真正加载 scene.yaml 以便 Tangram 库使用它?

最后,由于找不到文件,它会以 404 响应。

0 投票
1 回答
882 浏览

angular - HERE 映射 JS API 3.1 - Angular 中样式组“非冲突”的错误

加载带有卫星基础层的 HERE 地图时,有时会出现此错误:

这可以防止瓷砖首先加载。它不会每次都发生。大约十分之三的页面加载。如果平移或切换到 defaultLayers.vector.normal.map 图层,它将开始正确加载切片。

我正在使用 Angular 7.2.15 和 HERE API 3.1。

我正在通过以下方式初始化地图:

如何在卫星视图中加载地图而不会引发此错误?

0 投票
1 回答
158 浏览

here-api - 无法在浏览器上呈现 Here 地图

我已经迁移了 Here javascript 库以便能够使用 api-key(因为我无法再在 developerper 门户上生成 appCode 和 appId)。当我尝试以这种方式实例化地图时:

我有以下错误:Tangram [error]: Scene.load() failed to load blob:http://localhost:4200/c3b06755-06b8-4a84-b888-9e5b574bb195: e[Symbol.iterator] is not a function TypeError: "e[Symbol.iterator] is not a function"

Ps:我在 Ember js 项目中使用 Here javascript 库。

预先感谢您的回答。

0 投票
1 回答
86 浏览

javascript - 升级到 3.1 版本后 NokiaHere 地图渲染问题

我正在Ember.js v2.18项目上迁移 Here javascript 库( 3.03.1),因为 v3.0 Here 库不支持apiKey 身份验证(将不再生成 appCode 和 appId)。

尝试使用以下代码创建地图对象时:

let map = new H.Map(this.$('#map')[0], defaultLayers.raster.satellite.map);

发生以下错误:Tangram [error]: Scene.load() failed to load blob:http://localhost:4200/0d8aefdf-160f-47ca-8672-04d73de528eb: e[Symbol.iterator] is not a function TypeError: "e[Symbol.iterator] is not a function".

有人可以向我解释这个问题的含义或正确渲染地图的任何解决方法吗?

预先感谢您的帮助 !:)