为什么在Popup()中图像id为空.setHTML从Mapbox标记

Question

问题很简单。我不明白为什么我的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有关，但老实说，我只是不明白为什么它不工作。

Answer 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>"))