mapbox Marker添加自定义html

思路就是先渲染出空div使用getElementsByClassName找到点，之后使用insertAdjacentHTML(‘beforeend’, div) 加自定义内容。

  const el = document.createElement('div');
  // 添加一个标记
  el.className = 'j_icon';
	const itemIcon = new MapboxGl.Marker({
		element: el,
  })
  .setLngLat(marker.geometry.coordinates)
  .addTo(this.map);
  this.renderHTML(document.getElementsByClassName('J_ICON_BOX'));

  renderHTML(domList) {
        domList.forEach(item => {
        // 自定义点内容
          const div = `
            
xxxxx
            
          `;
          item.insertAdjacentHTML('beforeend', div);
        });
      }