I have created a web mapping about a national park with HTML and after a repository and
obtain a host in Github in this link: https://cristianalvar.github.io/, where everything works well, however when I post that web map using the before Github URL in the next webpage: http://parqueslosrios.cl/sitio/pn-alerce-costero/, the two buttons in the left-up part does not work, i.e. full-screen and geolocation as you can try and I highlight in the next imagine:
Can anybody tell me what can be the problem and how can I solve it please?? when you press the geolocation button you received in a frame this message:
"Geolocation error: Only secure origins are allowed (see: HTTPS:...."
thanks!
Related
I have built and deployed a next.js app that displays a map with the help of #react-google-maps/api . Furthermore, I'm using the Google maps "data driven" API to create a feature layer that displays postal code boundaries.
I've deployed this to Vercel and it works well on some browsers.
But, the problem I'm having is that the "feature layer" is not displayed on some browsers.
On browsers on which the "feature layer" is not displayed, the following error is being printed to the console
google.maps.FeatureLayer.style: The map is not a vector map. That will prevent use of data-driven styling.
and in full below:
key=***************&v=beta®ion=US&map_ids=81e0340ff65abdde&callback=initMap:343 google.maps.FeatureLayer.style: The map is not a vector map. That will prevent use of data-driven styling.
I've checked the status of my map on the google cloud console and my map is shown as
Name Map ID Type
Zipcode Map 81e0340ff65abdde JavaScript – Vector
The map seems to be a js vector map but still gives this error.
I don't know what else to try and there seems to be little information on this topic. Any help is greatly appreciated.
When displaying a Google Map with Maps JavaScript API v3 activated, the default "Map" view works well, but the "Satellite" view does not : The image tiles read "Sorry, we have no imagery here".
I have two versions of the map : The public version works well either in Map mode or Satellite mode.
The private version, that requires login and allows for editing the custom stuff loaded onto the map, is the one that says "no imagery here" but only in Satellite mode.
When in private mode for editing, here is an example of working Map view :
Here is an example of broken Satellite view :
When looking at the Javascript console, here is what I find :
GET https://khms1.googleapis.com/kh => Error 400 Bad Request
But the request is sent by Google's own js code.
My web app has been working fine for years until I noticed this.
In case you are using a prototype js library, check in your developer console if you are receiving an error from Array.from function, if so, fix this bug in the overrided function or just comment it (at least to test it).
I had the same issue. I tried every available solution on the internet. Turns out Google tag manager was the culprit. How did I come to this conclusion? I opened the network tab in chrome and blocked all the js files from loading. I enabled them one by one and checked if satellite view was loading. For me Google tag manager js file was causing the issue.
I want to embed "my maps" to my website using iframe, but I want to let my clients to open that map in a new window and see their location on it.
If I open my map in edit mode on my phone: www.google.com/maps/d/edit?mid=*** I see my position, if I change the mode to "view" it stops tracking my location.
Is there a way to open the big map and to see the current position? It's very useful... Maybe there is another way to embed it...
Based on the documentation
url: https://developers.google.com/maps/documentation/staticmaps/intro?hl=en
it seems that it is not possible to get the current location (position of the client) using the parameters which go along with the url. This means that you can not use iframe and embed google maps inside it to get your current position.
However, you can still use geolocation and program it to get the user current position on the map,
url (code included in the link): https://developers.google.com/maps/documentation/javascript/examples/map-geolocation
Bare in mind that the google map API will always ask you the permission to access data in order to locate you.
I have searched on the internet to find out solution to this issue but i found nothing.
I have following address:
https://maps.google.com/maps?q=2755+Maple+Avenue,+North+Bellmore,+NY+11710&daddr=2755+Maple+Ave,+North+Bellmore,+NY+11710&oe=utf-8&client=firefox-a&channel=fflb&hnear=0x89c27ef151e2fa7d:0x2fde552872337fca,2755+Maple+Ave,+North+Bellmore,+NY+11710&gl=us&t=h&z=16
open in new window
When i click on above link in a mobile browser it opens a new page but instead of mapview it shows me directions panel, any one guide me how can i get rid of directions and display only mapview directly?
i have found a parameter dir=0 but i dont know where to use it.
any help would be appreciated.
https://maps.google.com/maps?q=2755+Maple+Ave,+North+Bellmore,+NY+11710&hl=en&sll=40.684429,-73.529315&sspn=0.010983,0.026157&t=h&gl=us&hnear=2755+Maple+Ave,+North+Bellmore,+New+York+11710&z=16
use this in your map may be its helpful for you
I am working on Web Application that uses Google map. I need to verify balloons present on map. After some Google, i came across this link Automating Google Earth .But this isn't helped lot.Does anybody has idea to work with maps in QTP?
I want to test this in IE8. When clicked on balloons, description is displayed.Need to test this description.Image for info
Any help ?
This seems to be browser specific (and I'm sure it will change with changes in Google Maps) but I see in firefox that when there's a balloon then area and map elements are added to the DOM. You can create a WebElement with this html tag and see if it exists.
I don't really understand what problem you're facing. I can easily learn the DIV element which hosts a Wikipedia bubble and the elements under it with QTP.
you can try html dom if it is java application by using getElementById method from html dom ,
open firebug check the element of the pointer and get the id from it. use the id in getElementById method.
or
check this
Sub PostGPSLocation
Call Mobile.SetCurrent("Nexus 7")
' Obtain location data
Longt = Mobile.Device.GPS.Location.Longitude
Lat = Mobile.Device.GPS.Location.Latitude
' Output the location data
Call Log.Message("The device location is:")
Call Log.Message("Longitude: "&Longt)
Call Log.Message("Latitude: "&Lat)
Call Log.Message("Altitude: "&Mobile.Device.GPS.Location.Altitude)
Call Log.Message("Accuracy: "&Mobile.Device.GPS.Location.Accuracy)
' Open Google Maps in the browser and pass the coordinates as URL parameters
Call Browsers.Item(Browsers.btIExplorer).Run("http://maps.google.com/maps?q=loc:"&Lat&","&Longt)
End Sub