All Questions
Tagged with google-maps-markers html
186
questions
0
votes
0
answers
44
views
Add SVG marker to SVG Map using JS
I would like to add a SVG marker to a SVG Map that is in an iframe tag. The add is done via the press of a button on the HTML page.
<input type="button" onclick="addMarker()">...
0
votes
0
answers
92
views
In canvas image change marker svg after click button
I have a canvas image and I have add a marker in it. The marker is a svg type. then when i click a button i want to change the svg into another svg. how do i do it?
It works. Now I want to click on ...
0
votes
1
answer
141
views
How to insert a svg image marker inside canvas image
I have a problem to solve. In my canvas image I put a marker but this is image type "png", I would like to have an icon svg so I can change the colour.
This code is working, i need to change ...
0
votes
1
answer
44
views
Create a tekst marker with border radius don't work [duplicate]
Is there anyone who can help?
I have to make some kind of quote, with a marker behind it.
What doesn't work is that if the text 'breaks' the border radius goes around each paragraph of the text.
I ...
0
votes
1
answer
27
views
half-highlighter on the word with rounded borders
I need a help with word highlighter which should be half a word and with borders enter image description here I tried the following parameters, but it can't give a round corner, is there another way ...
0
votes
0
answers
23
views
Make a marker unable to use for a time
I have a map with markers. Every marker is a charging station. I want that the user that want to use the charging station, can book the place for an hour for example and set a time that is shown. When ...
0
votes
0
answers
81
views
change marker color based on properties
This is my first time here on stackoverflow. I have a doubt. I marked some markers on my map (I used OpenStreetMap). On each marker I put a drop-down menu with choices. Based on these choices, the ...
4
votes
1
answer
291
views
Enable user-select on `ol li ::marker` to avoid losing numbers from numbered lists
I face a problem with copying numbered lists (<ol>) from a chat application. When I copy the text, it doesn't include ::marker numbers. This makes the list items lose context, as numbers ...
-2
votes
1
answer
189
views
How to remove default marker when replace new icon marker on Google map
I'm use icon marker to replace default marker of google map, but i use icon marker png, i cannot remove default marker..
This is Script:
function myMap() {
var directionsService = new google....
0
votes
1
answer
505
views
How to simply change marker icon on click and then back to original state when click elsewhere?
I'm trying to get this function on my custom map https://rodadagua.netlify.app/
I've found some very close examples and questions on here but being a complete novice unfortunately I have no idea what ...
0
votes
1
answer
430
views
Removing duplicate Marker on mapbox ( Real time data )
i want to create a custom flight tracking map. before coming to the question i want to explain briefly about my situation. i have an Ads-b receiver which receives the data from aircraft in the sky, ...
0
votes
2
answers
220
views
Custom Map markar /pin for Map component
How can I create the below image map markar/pin, specially the bottom design that looks like union shape with CSS and in vue js.
Have tried but not getting the same look as in the image below.
Any ...
-1
votes
1
answer
121
views
GoogleMapReact change marker location every 2 seconds error - setState is not a function
I have the following map.jsx file in my react app, which displays a map on screen. I am trying to add a marker to this map (in a separate component called 'MyGreatPlace') which changes location every ...
3
votes
1
answer
215
views
How to update infowindow of a marker?
for(i=0; i<locations.length; i++) {
var position = new google.maps.LatLng(locations[i][2], locations[i][3]);
var marker = new google.maps.Marker({
position: position,
...
0
votes
2
answers
372
views
Customizing Leaflet Icon
I need to add 2 different marker icon in leaflet. The one is world heritage site and other for earthquake. The URL for earthquake icon is:
var earthquakeicon = L.icon({
iconUrl: 'https://previews....