Question

我创建了一个简单的html代码，我需要显示来自JSON文件的数据。它运行正常，但我需要显示一个简单的Openlayers地图。 Openlayers可以显示一个没有javascript的中心定义的地图，但我不能用我的json数据更改这些参数。

以下是代码：

<div id="contact">
<h1>{{data.title}}</h1>
<p>{{data.description}}</p>
<openlayers lat="-33.86" lon="151.20" zoom="9" attribution="false">
</openlayers>
</div>

运行正常（显示json数据）但我需要使用我的json数据{{data.latitude}}和{{data.latitude}}

更改“lat”和“long”参数

提前感谢任何帮助:)（对不起我的英语）

Answer 1

我用Ngmap而不是Openlayers解决了这个问题：

<map center="{{data.latitude}}, {{data.longitude}}" zoom="17" style="width:100%; height: 90%;" disable-default-u-i="true">
            <marker position="{{data.latitude}}, {{data.longitude}}"></marker>
</map>

在Ionic上非常容易使用和运行良好; - ）

来自JSON数据的Openlayer中心（Ionic＆amp; Angular）

1 个答案: