how to add text to the right side of the icon to show the geolocation name of the current central coordinates on the mapbox map.
has added the picture. The code is as follows: how to add the text on the right
let img = new Image();
img.src = "/image/cn/normal.png";
var marker = new mapboxgl.Marker(img, { offset: { x: 0, y: -20.5 } })
.setLngLat([104.035719, 30.332331])
.addTo(map);marker,offset
let curMarker = new mapboxgl.Marker(icon, {offset: [0, -15]})
.setLngLat(coid.coordinates)
.addTo(map);
let el = document.createElement('div');
el.innerHTML = '';
let currentMarkerTitle = new mapboxgl.Marker(el, {offset: [35, -25]})
.setLngLat(coid.coordinates)
.addTo(map);
how to add web forms
map.addImage('pulsing-dot', pulsingDot, { pixelRatio: 2 });
map.addSource('points', {
'type': 'geojson',
'data': {
'type': 'FeatureCollection',
'features': [
{
'type': 'Feature',
'geometry': {
'type': 'Point',
'coordinates': [103.605, 36.101]
}
},
{
'type': 'Feature',
'geometry': {
'type': 'Point',
'coordinates': [103.888, 36.101]
}
}
]
}
},I want to add text notes next to these two dynamic icons
[root@VM_11_154_centos ffn]-sharp npm run build > ffn@1.1.0 build usr local src ffn > nuxt build nuxt:build Building... +0ms nuxt:build App root: usr local src ffn +0ms nuxt:build Generating usr local src ffn .nuxt files... +0ms nuxt:b...
using the nuxt framework, there are two pages An and B A page jumps to b page and transmits product information to B page via url The B page can get the information and copy it to the goodsList in data, but the page cannot render the page according ...
if the id of two arrays is equal, I will change the activeName field in the first array to true,. I use this to determine whether he is added to the collection or not. If true is added, false is not added. I added the fields that the background did n...
Common component: there is a method to call the interface in bar.vue . methods: {wishSign () {}} Public template: cn.vue bar.vue import VMbar from ~ components base bar ; is called globally. Interface: datail.vue requirements: I think how to...
index.vue page initialization calls jsonp error document is not defined export default { middleware: auth , data() { return { bidName: } }, created:function(){ }, async asyncData(callback){ jsonp( xxxxx ,nul...
this is the error message-sharp-sharp-sharp problem description Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop s value. Prop being...
the formal environment is right, and the npm run dev in the test environment reports an error. What is the possible reason. Pray for the great god. ...