Skip to main content
Filter by
Sorted by
Tagged with
-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 ...
learner23's user avatar
-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 ...
Ron Ritchie's user avatar
-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 ...
Назар's user avatar
-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 ...
Russell Hertel's user avatar
-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 ...
XTard's user avatar
  • 48
-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 ...
Umar Nadeem's user avatar
-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 (...
ThierryD's user avatar
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 ...
Abdelrahman Rageh's user avatar
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, ...
val1337's user avatar
  • 25
-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 <...
MeganM's user avatar
  • 26
-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 ...
vagelis's user avatar
  • 464
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." } ...
Ahsan Aasim's user avatar
  • 1,267
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 ...
BiggestMapFan's user avatar
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 ...
val1337's user avatar
  • 25
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 ...
Kyungbaa's user avatar
-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 ...
user3562286's user avatar
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 ...
Birdy's user avatar
  • 1
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 ...
Oris's user avatar
  • 93
-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 ...
Jasperan's user avatar
  • 2,725
-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 ...
BrianInPhx's user avatar
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 ...
pupuza's user avatar
  • 3
-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 ...
prfsnl's user avatar
  • 1
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, ...
LauraNMS's user avatar
  • 2,826
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 ...
Anders Kitson's user avatar
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 ...
Ruchaw's user avatar
  • 1
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({ ...
Jordash's user avatar
  • 3,053
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'; ...
Itsme's user avatar
  • 186
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 ...
Joshua Coldsmith's user avatar
-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 ...
Kalnode's user avatar
  • 10.9k
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 (...
Arjun Sharma's user avatar
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 ...
chris niko's user avatar
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 ...
Sebastian Meckovski's user avatar
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 ...
shaluka manodya's user avatar
-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 ...
codmitu's user avatar
  • 715
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 ...
phoebus's user avatar
  • 1,333
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 ...
drmrbrewer's user avatar
  • 12.7k
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 ...
Emilio's user avatar
  • 2,009
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 ...
Stanley's user avatar
  • 473
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/...
Sergiu Nimat's user avatar
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....
chuckd's user avatar
  • 14.2k
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 ...
chuckd's user avatar
  • 14.2k
-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 ...
Han's user avatar
  • 29
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 ...
函館太郎's user avatar
-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 ...
chuckd's user avatar
  • 14.2k
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 ...
Stanley's user avatar
  • 473
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 ...
ANAS MK's user avatar
  • 111
-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()...
rd1218's user avatar
  • 371
-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 ...
Steve's user avatar
  • 7
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 ...
Martin Baltuhin's user avatar
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 ...
Raetekusu's user avatar

1
2 3 4 5
503