All Questions
Tagged with google-maps-markers javascript
2,108
questions
-2
votes
0
answers
25
views
Migrating google maps api Marker to AdvancedMarker, properties not found [closed]
I'm doing a migration of google map markers from google.maps.marker to google.maps.marker.AdvancedMarkerElement , but the problem is when i try to use old properties visible, clickable from marker i ...
-1
votes
0
answers
36
views
Npm google.maps - AdvancedMarkerElement does not have all the functions as of Legacy Marker element
I needed to use AdvancedMarkerElement in my Project so have installed Npm package google.maps
"@types/google.maps": "^3.55.11"
But when i tried replacing marker with ...
-2
votes
0
answers
17
views
Google map API clickable links marker
Who can help me out with the Google maps API?
I have an issue with my HTML marker and hope somebody can help me a little.
below my code:
<script type="text/javascript">
let map;
async ...
1
vote
0
answers
33
views
AdvancedMarkerElement not showing in any type of modal
let markerLibrary: google.maps.MarkerLibrary | null = null
let placesLibrary: google.maps.PlacesLibrary | null = null
let mapLibrary: google.maps.MapsLibrary | null = null
const marker = await google....
1
vote
1
answer
18
views
Problems with scaling icons when fitting scaling to match the markers
I have a problem with resizing markers on a map. I am adding a number of markers to a map and using "bounds.extend(marker0.position); and Map.fitBounds (bounds);" to set the initial scaling. ...
-2
votes
1
answer
64
views
Is google chart geo with "markers" paid? [closed]
I need to use google geo charts with the markers to build a world map chart, and create something like this
But the docs say "Note: Because markers require geocoding, you'll need a mapsApiKey.&...
0
votes
0
answers
158
views
AdvancedMarkerElement: making drag behaviour more like legacy Marker
With the legacy Marker, when dragging a marker there is a nice little crosshair to give the impression of a precise positioning movement, and this crosshair disappears automatically at the end of the ...
0
votes
0
answers
34
views
Remove markers on a map
so I try to make a website in HTML, CSS and javascript where we can add markers from a csv and remove them if we want.
Vue.createApp({
data() {
return {
map: null,
...
0
votes
2
answers
42
views
In chrome, The pin is placed somewhere other than where click on leaflet
I have a leaflet map in an html page (I put my code below). When I open it in chrome browser and click on the map, it puts the pin somewhere other than where I clicked. But it works fine in FF browser....
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()">...
1
vote
2
answers
5k
views
How to add custom properties to AdvancedMarkerElement in Google Maps API
I am migrating map markers to AdvancedMarkerElement and I want to add custom properties to AdvancedMarkerElement.
Like this:
new AdvancedMarkerElement({
map: this.map,
position: data.position,
...
2
votes
1
answer
1k
views
Google advanced marker animation don't work
I'm trying to migrate my custom map markers to the new advanced marker library, seems the animation options is no more available, it give me this error:
Unknown property 'animation' of ...
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
0
answers
33
views
No Info Window for markers
From external file:
const pos=[
[50.739,7.0894,0,9,0],
[50.839,7.1894,10,10,100],
[50.939,7.2894,10,11,50]
];
This is my code:
<script>
function initMap() {
const map = new google.maps.Map(...