为什么 Mapbox 标记的 Popup().setHTML 中的图像 id 为空答案

【问题标题】：Why is the image id null inside the Popup().setHTML from Mapbox markers为什么 Mapbox 标记的 Popup().setHTML 中的图像 id 为空
【发布时间】：2021-07-28 14:46:23
【问题描述】：

我的问题很简单。我不明白为什么我的 img 的 id 为空。我正在使用地图框标记。

这是标记的代码

var marker1 = new mapboxgl.Marker({ color: 'green' })
.setLngLat([x, y])

.setPopup(new mapboxgl.Popup().setHTML("<h1>Hello World!</h1><img id= 'myImg' style = height = '100%' width = '100%' src = 'somePicture.jpeg' > </img>"))
.addTo(map);

我很确定这与我在 .setHTML 中编写 html 的方式有关，但老实说，我只是不明白为什么它不起作用。

【问题讨论】：

标签： javascript html mapbox mapbox-gl-js mapbox-marker

【解决方案1】：

我不知道这是否是唯一的问题，但您缺少一些引号并且您的 CSS 语法已关闭：

.setHTML("<h1>Hello World!</h1><img id= 'myImg' style = height = '100%' width = '100%' src = 'somePicture.jpeg' > </img>"))

应该是这样的：

.setHTML("<h1>Hello World!</h1><img id= 'myImg' style = 'height: 100%; width: 100%;' src = 'somePicture.jpeg' > </img>"))

【讨论】：