25,109
questions
-1
votes
0
answers
21
views
Google Map API Autocomplete pass an address manually without autoselecting [closed]
I have 2 search boxes with autocomplete.
The first search box is for user to select an address from google autocomplete.
I want to pass the address from the first search box to the second search box ...
-1
votes
0
answers
17
views
Google Maps Advanced Marker Rendering Text Instead of Pin
I'm trying to migrate our Google Maps from the original pin type (google.maps.Marker) to the newer Advanced Marker type (google.maps.marker.AdvancedMarkerElement). I'm trying to do this with minimum ...
-2
votes
0
answers
22
views
How to cluster one marker in react google maps [closed]
I faced a problem using a @googlemaps/markerclusterer and @vis.gl/react-google-maps libraries that I cant cluster only one marker no matter what approach I used. Right now clustering part looks like ...
-2
votes
0
answers
20
views
Google Maps API Get SIZE of Image [closed]
Hi I am new to the Google Maps API but have made some good progress and currently have an web page that can retrieve an Earth image based on an address input. My webpage allows the user to draw area ...
-2
votes
0
answers
38
views
How to debug an unknown issue in GMaps JS API [closed]
A map editor implementation for Google Maps' JS API suddenly stopped working.
I have a WordPress plugin with a backend that provides a "map editor" - the way it works is by rendering a GMap ...
-2
votes
0
answers
48
views
How to Show Land Parcel lines in Hybrid (Satellite) View in Google Maps?
I'm working on a web application that uses the Google Maps API, and I need to display land parcels with custom styling when the map is in hybrid (satellite) view. I want to outline specific parcels ...
-1
votes
0
answers
35
views
angular 17 google maps : load the googleapis script in the outside of the index.html
in all exemple I have found in the web, the script is always embedded in the index.html.
I would like to do it in the component or a service injected in the component.
Unfortunatly, I didn't succeed (...
0
votes
0
answers
26
views
Use Google Maps API within a chrome extension
Since manifest v3 doesn't allow the injection of a script directly into the popup.html In Chrome extensions,
How can I use the Google Maps API inside the extension UI as I can't include the script ...
0
votes
0
answers
34
views
Maps API loaded in NextJs component not directly available to instantiated class
I am using the Google Maps API and am working with NextJS and typescript.
I have to instantiate a class used for rendering purposes, but I am getting an error.
My code:
TLDR: loading Map, ...
-1
votes
1
answer
28
views
Add placeholder text to NEW PlacesAutocompleteElement
The Google Places Autocomplete API used to just use an <input> as the search field. So you could just add <input placeholder="Search">. Now the docs tell you to append a <...
-2
votes
1
answer
69
views
Refresh page very slow when the program is deployed and runs with IIS (fast via visual studio) [closed]
I am programming a blazor server site and I am trying to test it locally with IIS.
The site loads fast and runs fast but if I refresh the page it is extremeley slow.
I don't face the same problem when ...
0
votes
1
answer
48
views
Getting Invalid Argument error from Google Business Profile API while trying to create a location
I am using Google's Business API to add a location from my Node.js application, but I'm encountering the following error:
{
"error": "Request contains an invalid argument."
}
...
0
votes
1
answer
97
views
Is Leaflet.js with google tilelayer legal or not? [duplicate]
We are building traveling website and we are planning to use Maps API a lot. Because price per 1k request is high, we are investigating cheaper options. I noticed however conflicting articles about ...
1
vote
1
answer
203
views
Draw AdvancedMarkerElement on center of its position
I am drawing google.maps.markers.AdvancedMarkerElement's on a map.
I use them as handles/control points to change the path of a polyline.
They are drawn with a custom shape(basically a rectangle).
The ...
0
votes
0
answers
165
views
Google Maps JavaScript API: Map turns grey with "Sorry, we have no imagery here" when zooming in
I am experiencing issues with the Google Maps JavaScript API in my Next.js application. When I zoom in on the map, I receive the message "Sorry, we have no imagery here" and the map turns ...
-1
votes
1
answer
189
views
Trigger Google Maps advanced marker glick from HTML link
I'm in the process of updating an old Google Maps script to use the new advanced marker format. Everything is working fine in terms of dynamically generating the markers based on an array of ...
0
votes
0
answers
41
views
XMLHttpRequest error when trying to run google map project on web
Access to XMLHttpRequest at 'https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=51.0427136,13.7101312&radius=10000&key=A' from origin 'http://localhost:64496' has been ...
0
votes
0
answers
33
views
Is it possible to add a map boundary geojson file dataset to google maps API and then show a specific boundary on a query?
I have a geojson with London boroughs boundaries.
I want to create the following logic:
Add this as a dataset to Google maps API - I know how to do it
show a specific boundary like City of ...
-3
votes
1
answer
156
views
Google Maps Autocomplete fails to suggest locations when under Shadcn Accordion
I'm using the Google Maps JavaScript API for my website along with the Place Autocomplete service. The problem is that the Autocomplete component won't suggest any locations when it's placed inside of ...
-2
votes
1
answer
61
views
Is there a way to test Google Maps Static API beta for new style change?
I saw the default map styles for the APIs are changing, specifically the Maps Static API and NOT using the cloud-based map styling. In the email it states August 2024 it will be available, but when ...
0
votes
1
answer
616
views
Google Maps shows "Sorry, we have no imagery here" on iOS13
When running on an iPhone SE with iOS 13, Google Maps briefly displays images for about 1 second and then shows the error: "Sorry, we have no imagery here". It happens on all places, and on ...
-2
votes
1
answer
27
views
The method 'LatLng' isn't defined/ The method 'LatLngBounds' isn't defined
I developed a pretty good working app (where I had database and google map). Today, I noticed that I was getting some errors especially in Map (Error when passing latitude and longitude to Latlng)- I ...
0
votes
1
answer
65
views
how to set new color for legacy google map marker
I'm using a legacy version of google maps.
I set up my markers like this, using Json data to fill in the variables:
var marker = createMarker(marker_id, point, course_name, phone, holes, ninefee, ...
0
votes
1
answer
43
views
Google map with zones on top of province, some are opaque some are transparent
I have built this interactive zone mapping on top of a province, and it is supposed to cut out the polygons laid on the map from an overlayPolygon that has larger outerbounds so the map is seen ...
0
votes
1
answer
69
views
Google map directions delay loading the itinerary
I'm using google map intent in my react native application has been almost one year without any problem passing the coordinates in this url allowing the user to open "Google maps" on ...
1
vote
1
answer
133
views
How to use Google Maps Directions Service in NodeJS Backend Server
I'm able to use Google Maps Javascript Directions / Routing API easily on the frontend in browser like this:
const directionsService = new google.maps.DirectionsService();
directionsService.route({
...
0
votes
1
answer
53
views
Next.js pages router, how to import code that needs to be run by the client?
I need to use google map in my project, I use @googlemaps/extended-component-library library.@googlemaps/extended-component-library
import '@googlemaps/extended-component-library/api_loader.js';
...
1
vote
1
answer
139
views
Is there a way to have Advanced Map Markers render in the map canvas instead of on top of it in the DOM?
Currently my team and I have been researching how to improve map performance using the Google Maps API for our software application. The app we are working on needs to support thousands of Markers and ...
-1
votes
1
answer
61
views
In Firefox, Basic polygon only visible after dragging; disappears again when changing map zoom [closed]
In Firefox on Ubuntu, using current Google Maps JS API (v3), and I'm trying to add polygon shapes to a map.
(Demo + code further down)
Problem: When adding a shape, it exists but is not visible. I ...
0
votes
1
answer
161
views
Using PlaceId's with Advanced Markers
Using legacy markers you could add markers using placeId's like
var service = new google.maps.places.PlacesService(map);
service.getDetails({
placeId: 'ChIJN1t_tDeuEmsRUsoyG83frY4'
}, function (...
0
votes
0
answers
69
views
React Google Maps API filtering markers leads to infinite loops
I am using this library: @vis.gl/react-google-maps. I have seen the following video which implements a map with clustering markers.
https://www.youtube.com/watch?v=PfZ4oLftItk
therefore I implemented ...
3
votes
1
answer
310
views
React Google Maps API MarkerClusterer rerender
I'm working on a proximity app. The database contains longitude, latitude and a geohash of each item. The client supplies GPS coordinates to the server. The server then converts those coordinates to a ...
1
vote
2
answers
325
views
What is the best npm package to use google maps platform in NEXTJS [closed]
I'm currently working on a Next.js project and I'm looking for the best npm package to integrate Google Maps Platform. Despite extensive searching, I haven't been able to find a suitable package or ...
-1
votes
1
answer
38
views
Google Maps Api road bug on mobile [closed]
i am having some trouble for some time with my PWA made in react and google maps, i am using vis.gl/react-google-maps, the problem is that the roads are not displayed on mobile, map works fine on ...
1
vote
1
answer
405
views
NextJS - Google maps dynamically change the color of markers
In my nextJS app, I load my map via the @googlemaps/js-api-loader package. I have a list of locations I want to plot on the map, and at the same time have a list of them disabled on the left side of ...
0
votes
0
answers
209
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 ...
1
vote
0
answers
92
views
Can't Access Environment Variables in CodeSandbox
I've read the docs:
https://codesandbox.io/docs/learn/environment/secrets
And I have stored my environment variables accordingly:
However, when I actually try to access these environment variables in ...
1
vote
1
answer
50
views
How do I set google address lat lng to input value?
How do I set google address lat lng to input value?
I can got the address, lat and lng anything I want to got information.
But How do I set to my input value?
In my newPostPage.jsx, I use this code
...
0
votes
1
answer
37
views
Can not obtain the paths from the <Polygon> TS component. (in @react-google-maps/api )
I am trying to obtain the paths of the Polygon component provided by this library upon essentially updating the component. Here is my code:
IMPORTANT NOTE: the library I am using is @react-google-maps/...
0
votes
0
answers
113
views
How do I access google maps after dynamically loading multiple libraries at once?
I can dynamically load a google map library like this.
let map: google.maps.Map;
const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
map = new Map(document....
0
votes
0
answers
112
views
Is there a way to determine if I've loaded a google maps library, like marker?
If I dynamically load a library like this:
const { AdvancedMarkerElement } = await
google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
is there any way to determine if the ...
-1
votes
1
answer
367
views
How to implement Dark Mode map? [closed]
I am fairly new to web development and I have been playing around with this new react google maps package, i installed it using npm i @vis.gl/react-google--maps package.
I was wondering if there is an ...
4
votes
1
answer
909
views
How to specify anchor in AdvancedMarkerElement?
Since support for google.maps.Marker ends on February 21, 2024, we are considering migrating to google.maps.marker.AdvancedMarkerElement.
I replace the marker icon with an image, but I don't know how ...
-2
votes
1
answer
491
views
Can I fetch the element clicked inside my google maps advanced marker element? [closed]
(EDIT) - I've created a workable code sample as per requested jsfiddle code sample
I switched over to Google maps advanced markers and inside each marker if the user clicks on the marker it expands ...
0
votes
1
answer
113
views
React Native got error ReferenceError: Can't find variable: google
React Native got error ReferenceError: Can't find variable: google
When I want to used GoogleMap in my project, but I got the this error ReferenceError: Can't find variable: google
I used this plugs
...
0
votes
0
answers
118
views
On certain pages, encountering a TypeError: 'google.maps.places' is undefined. It functions correctly on the home page
Encountering a problem with the Google Maps Places API: it functions correctly on the home page, but throws a TypeError 'google.maps.places' is undefined on certain other pages. Upon inspecting the ...
-2
votes
1
answer
92
views
Google Maps Zoom Issue at Initialization in JavaScript
I've created this Google Map that has an issue at zoom level: when the first map appears (page loads) the zoom is in a Country level (expected: auto zoom to markers contents). But when I call initMap()...
-1
votes
2
answers
123
views
How to add google maps markers from a json array- or how to add parameters for my array to the marker constructor
I've been fighting this forever I'm trying to figure out how to display google map markers from an object array generated in php, which I have JSON encoded and can access in my js file. Specifically ...
1
vote
1
answer
85
views
Android Studio and Google maps api Style maps, how to change country color on map click
I have created a styled map in Google Maps console, customized it to show only countries and cities.
map style
I have implemented the click listener:
@Override
public void onMapClick(@NonNull LatLng ...
2
votes
1
answer
1k
views
In the Google Maps API V3 MarkerClusterer class, how can I create multiple styles for MarkerClusters based on zoom level?
In the old @google/markercluster class, you could pass in a styles variable, which could contain multiple cluster styles which could then be passed into a markerCluster constructor, like below.
var ...