FAQ Database Discussion Community


Showing content from an Array inside infowindow on marker click

javascript,google-maps,infowindow,geocode,google-geocoding-api
i got an api endpoint that returns an array of addresses and some price information for the addresses but it doesn't return lat/lang, so i am using geocode to show the marker for the addresses on the map and showing infowindow on each marker click. Now i want the content...

Raty Star rating in Google map infowindow

javascript,google-maps,google-maps-api-3,infowindow,raty
I have added marker on google map with some search results. var infowindow = new google.maps.InfoWindow(); var marker, i; for (i = 0; i < locations.length; i++) { var contentString="";var image_path1=""; contentString += '<div class="browse-map-venue" style="padding:5px;width: 230px;">'; contentString += '<div class="rating" style="float: right; padding-right: 10px;">'; contentString += '<script type="text/javascript" src="<?php...

Google Map API v3, load infoWindow content via setContent using AJAX

jquery,ajax,google-maps-api-3,infowindow
I'm loading markers from a database in XML format and breaking it out using a for() loop but I have an addListener event 'click' that contains an AJAX call I'm having trouble with. I'm trying to populate the content of my infoWindow with the data pulled down in the ajax...

Android Maps Utils Clustering show InfoWindow

android,google-maps,google-maps-markers,infowindow
I am planning to use the google maps marker clustering available in the utils library, but the google example app only shows marker clusters without any infoWindow. I am wondering now, am I not able to show a InfoWindow? I want the InfoWindow to be displayed on the marker like...

angularjs google maps - markers with window - infowindow not showing

angularjs,infowindow,marker,angular-google-maps
Trying to get a app using angular-google-maps with: - multiple markers via the markers directive - a single infowindow via the window directive I've been through the API and multiple closed issues / questions on the git-hub site but just can't get it working... :-/ jsfiddle For simplicity, I'm declaring...

google api v3 infowindow with multiple markers doesn't work

google-maps-api-3,infowindow,marker
I'm trying to write on the infowindow content, the record number of my loop. The result is that i read the last record number (10) for each infowindow, and not 1,2,3...10 Someone can help me? Thanks in advance The code is this: function generaMappaMulti() { var CoordinataIniziale = new google.maps.LatLng(44.714957,...

add infoWindow to map marker using json

javascript,json,google-maps,google-maps-api-3,infowindow
I have a simple script that adds a markers on a map, data have been taken from json. I want to add a basic infoWindow to all markers, so that when you click on it, it says "Cartier". Could you tell me what i'm doing wrong with InfoWindow code? The...

Google maps adding streetview to each infowindow

google-maps,infowindow,google-street-view
I would like to add streetview to each infowindow but I can't figure out how to integrate the code. I tried putting the code where the comments are set and that works half. Still have to learn a lot about programming. html += '<div id="content" style="width:200px;height:200px;"></div>'; var pano = null;...

Infowindow content on html textfield

javascript,html,google-maps,google-maps-api-3,infowindow
Here is a javascript code that shows the latitude and longitude on a marker's pop up when you click on a certain location.. now how can I show the results of the infowindow as an autofill on the html textfield? <script> var map; var myCenter = new google.maps.LatLng(31.7108, 35.1986); function...

Issue on Accessing JSON Values in Google Maps Infowindow (infoBox)

google-maps-api-3,infowindow
Using jQuery Ajax call I am trying to show some Markers and their associated info from database on the Map as: $(document).ready(function () { var markers = []; var infoBox = null; var myOptions = { zoom: 12, center: new google.maps.LatLng(49.241943, -122.889318), mapTypeId: google.maps.MapTypeId.ROADMAP, sensor: 'true' } var map =...

Custom InfoWindow for Android google maps issue

android,google-maps,google-maps-android-api-2,infowindow
I've created a custom infoWindowAdapter class in my Android app that uses google maps.The class uses GetInfoContents and an xml file to create the contents of the infoWindow The xml contains an ImageView and three TextViews, I can manage to add a marker with the custom infoWindow but it will...

Google map infowindow position

javascript,google-maps,events,infowindow
Here is a sample google map with three polygons. I am setting the infowindow for each polygon as, for (var i in coordinates) { arr = []; for (var j=0; j < coordinates[i].length; j++) { arr.push( new google.maps.LatLng( parseFloat(coordinates[i][j][0]), parseFloat(coordinates[i][j][1]) )); bounds.extend(arr[arr.length-1]) } // Construct the polygon. polygons.push(new google.maps.Polygon({ paths:...

How to display dynamic ImageView from URL in infoWindow

android,infowindow
I'm trying to download an image and show it as an ImageView in my infoWindow , working with InfoWindowsAdapter , i put all the necessary code in the getInfoContents() method, but i can't get the image , in fact i can get it but still can't show it . As...

Google Maps API Multiple Markers with Infowindows - click events conflicting

javascript,google-maps,google-maps-api-3,google-maps-markers,infowindow
I'm trying to have a map with multiple markers each with an infowindow. Nothing fancy so far. All infowindows should open onload. No problem. And every infowindow should close if I click on its own marker on the X in its infowindow. The latter is also no problem. But if...

Adding InfoWindow on Google directions route

javascript,google-maps,infowindow,directions,google-direction
i am trying to add an infowindow to directions route,there are lots of examples out there for adding infowindow on an event listener on a marker but how can i move the infoWindow to show on the actual planned route from one marker to another. Someone already tried to ask...

infoWindow's image now showing on first click, but it works on second click

android,google-maps,google-maps-markers,infowindow
My android using the Google map android API,InfoWindow's image not showing on first click, but it works on second click I customize the infoWindow using void setMapInfoWindow(){ mMap.setInfoWindowAdapter(new GoogleMap.InfoWindowAdapter() { @Override public View getInfoWindow(Marker arg0) { return null; } @Override public View getInfoContents(Marker arg0) { View v = getLayoutInflater().inflate(R.layout.windowlayout, null);...

How to make Android interactive InfoWindow over Google Maps API2 Transparent

android,transparency,google-maps-android-api-2,infowindow
I implemented perfect answer of chose007 to make InfoWindow over Google Maps API2 clickable in my app. The only problem is, that I would like to make InfoWindow transparent (to make it bubble shaped). I can do it with non-interactive InfoWindow using style wrapper: gMap.setInfoWindowAdapter(new GoogleMap.InfoWindowAdapter() { @Override public View...

Hide additional info window on google map

google-maps,infowindow
I have highlighted country India and Mexico using fusion table query and I have added some marker for country India when I click on marker it's popup properly with his hyperlink. My problem is that when I click on map except the my custom marker it's popup one info window...

Adding images to an info window from a GeoJSON file? Google maps javascript API

javascript,google-maps,google-maps-api-3,geojson,infowindow
Basically, I want to display an info window from a marker that can show several information from a GeoJSON file, such as date, hour and type of event (I can do all of this by now)... but I also need a specific image for each marker info window. var infowindow...

Angularjs uiGmapGoogleApi info window not working?

jquery,angularjs,google-maps,google-maps-api-3,infowindow
i have used uiGmapGoogleMapApi NOT WORKING array of marker infowindow. Can you Help me? no issue is comming but not working <ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options"> <ui-gmap-markers models="markers" idkey="markers.id" coords="'coords'" click=" onClick()" events="markers.events" > <ui-gmap-window options="windowOptions" closeClick="closeClick()"> <div>{{title}}</div> </ui-gmap-window> </ui-gmap-markers> </ui-gmap-google-map> Script.file...

Generate single global infowindow for all Google markers

javascript,google-maps,google-maps-api-3,infowindow
I have this code that I get from another post. I am new to JavaScript and tried to modify it so that when I click a marker, I want the previous infowindow to close before the new infowindow opens to keep the map clean. I know this question have been...