is it possible to add images to a google map pin's info window? i want to display a picture when the user taps the pin at a specified location. in Google's maps API i can only change the marker (pin) icon and thus replace the marker with another image. however, i want to be able to display the imag with the name of the place in the info window that appears when the user taps the marker.
Try to put it inside a
infowindow.setContent('<div><img src="rute.jpg" /></div>');
infowindow.open(map,marker);
I hope it helps.
Check out the google maps API documentation too, there's a lot of infomration.
https://developers.google.com/maps/documentation/javascript/
Related
I'm using google maps SDK in swift 4, everything is perfect, but..
I need to allow the user to tap on Google control button as the image below:
Google control button image
My question is how to drop the a marker from my app map to google maps app with specific coordinates.
Thanks.
As far as I know you cannot override that button.
You're better off using a different button that opens a url. as per https://developer.apple.com/documentation/uikit/uiapplication/1648685-open
You can then include the marker coordinates as a query in your url, which will add a marker to the map.
eg. https://www.google.com/maps/search/?api=1&query=-33.830114,151.219235
this is as per: https://developers.google.com/maps/documentation/urls/guide
I have an app that integrates Google maps (successfully) and I added a few markers (5 at most). They display just fine, each one is also given a label since they're added by "AddMarker2", but what I'd really need is that specific label to be shown (visible) at all times.
I get each of them visible by clicking on the marker bubble, but I'd need to see all those labels without clicking anything, how can this be done?
I am using multiple markers on map, and on click it show info window.
but I have multiple data at same lat-long, due to which only one marker show on map and rest are hidden.
I want to show number of data on the same lat-long as badge.
Please help.
I'm creating a map app. I'm using leafletJS inside a webview in android. The functionally is great, except from the blue marker which should be om my map. In a PhoneGap application my marker shows, as well in a browser. But not inside a android webview. The small shadow that belongs to the marker shows. But not the pin. See screenhot: https://trello-attachments.s3.amazonaws.com/5193cd574768e0d07e000189/519699303ef843e86500742e/08e7b43f12c3e6d1ffcf02f8ba6919c6/Screenshot_2013-05-15-22-28-47-1.png
How come?
See code:
http://pastebin.com/EJXz9Run (index.html)
http://pastebin.com/JGXjTmz4 (js/leaflet.js)
It seems that the marker icon is missing. Download leaflet maps from here: http://leafletjs.com/download.html and be sure that you use /dist/images/marker-icon.png
I am trying to simulate a click on a marker that is being plotted via Google Fusion Tables. How do you reference a marker that way?
I do not want to create a new Marker, just simulate a click on one that is already there.
Thanks!
It is not possible to trigger a click event on a FusionTablesLayer (at least at the present time). You can query the table and open an infoWindow with the same information in it (but that isn't the same thing, and requires some work).