infowindow

Add a google chart to a infowindow using google maps api

☆樱花仙子☆ 提交于 2019-11-28 20:48:41
I've seen many other people with the same question but couldn't find a answer. I have a simple map I built using the Google Maps Javascript api v3. The map has a few markers which are linked to an infowindow to display specific information for each marker. I want to add a google chart to the infowindow but just couldn't figure out how to do it. I went through every single post I could find (here and in other forums) and I've noticed other people trying to do something similar but seems that there's no specific answer. I've noticed people are successful doing such thing using fusion tables, but

Google Maps API - opening a single infoWindow

♀尐吖头ヾ 提交于 2019-11-28 13:09:10
问题 I'm following a SitePoint tutorial for integrating the Google Maps API into our site with jQuery, and I've got everything working really well, with one exception: each new marker opens a separate info window, without closing the previous one. I'm trying to figure out how to have only one window open at a time. Here's the tutorial in question: http://www.sitepoint.com/google-maps-api-jquery/ I've checked this question here: Have just one InfoWindow open in Google Maps API v3 but I wasn't able

Include open infowindows within bounds of map, when using fitbounds

夙愿已清 提交于 2019-11-28 12:22:00
I have a map which contains multiple markers with infowindows. The infowindows need to be open on page load. The map is being centered using setbounds to incorporate all of the markers, which works, but it also needs to include the infowindows within the bounds. Currently the infowindows are cropped in places. JS: function initialize() { var map = new google.maps.Map(document.getElementById('map-canvas')); var bounds = new google.maps.LatLngBounds(); var myLatlng1 = new google.maps.LatLng(51.525209,-0.09402479999994284) var contentString1 = '<div class="map-content"><p>Test1<br/ >dsfasdf<br/

How to keep single Info window open at the same time in Google map V3?

北慕城南 提交于 2019-11-28 09:38:02
问题 aI know that this one is repeated question, I am using google map v3 on my Django web based applicaiton. Where i am using Markers, Infowindow and polyline . Everything works fine, except the one when i click on a marker to show the content by Info window, the previous opened info window didn't closed. I am posting the my map code(only the script part or which are the useful): var marker = add_marker(flightPlanCoordinates[i][0], flightPlanCoordinates[i][1],"Event Detail",myHtml); Here myHtml

Google Maps API v3 adding multiple markers w/ info windows w/ custom text

谁说我不能喝 提交于 2019-11-28 08:05:40
问题 I am making a website over cyclists killed in Norway. For my project I have been using google maps api v3, but I have vague familiarity with javascript. You can see my result so far here: http://salamatstudios.com/googlemapstest/ Basicly I want to have multiple markers with infowindows on each one. Each one of the infowindows will contain: Name (age), Location, Date of death, Read more (which will be linked to a page on the website itself). Like this example here: http://salamatstudios.com

How do i open different information for each polygon i've created? Google maps api v3

雨燕双飞 提交于 2019-11-28 06:34:32
问题 Here is the code i'm currently running: The user is able to create their own polygon after their polygons are shown on the map i want to display some information about every polygon. I'm now opening an infowindow but i can't get information for different polygons Any thoughts? <?php foreach ($area->result() as $f):?> // Create an array with the coordanates of each area var area<?=$f->id?>Coords = [ <?php $latlng=$this->resources_data->field_latlng($f->id);?> <?php foreach ($latlng->result()

Preventing Google Maps Move After Displaying Infowindow

我只是一个虾纸丫 提交于 2019-11-28 06:33:32
I'm trying to display a infowindow on a Google Maps. It displays perfect, when you hover over a marker it loads up a infowindow but the map jumps to fit in the window. I don't want the map to move but rather infowindow set its position according to map. Booking.com has something like this. EDIT: Added my code Here is the stripped down version of my code. I'm getting all the info from an AJAX service and this service returns response (which holds some more info too). $.ajax({ url: 'URL', dataType: "json", type: "GET", success: function(response) { // delete all markers clearOverlays(); var

How to show a Info window in iOS Google maps without tapping on Marker?

痞子三分冷 提交于 2019-11-28 06:20:20
I am new to iOS development. This is regarding Marker info window in Google Maps iOS SDK. I understand, we can create a marker with info window using GMSMarkerOption. GMSMarkerOption *myLocationOption = [GMSMarkerOption alloc]; myLocationOption .title = @"My Location"; myLocationOption .snippet = @"Lat:...., Lang:...."; [mapView addMarkerOption:myLocationOption]; As per the above code, Marker displayed in the Map View as expected. And tapping on marker shows the "My Location" info window in Google maps which is good. Is there anyway we can show the info window programmatically when the user

Disable point-of-interest information window using Google Maps API v3

会有一股神秘感。 提交于 2019-11-28 04:51:41
I have a custom map with an information bubble and custom markers. When I zoom into points of interest such as parks and universities appear and when I click an information window opens. How do I disable the info window? My code is as follows: var geocoder; var map; var infoBubble; var dropdown = ""; var gmarkers = []; var hostel_icon = new google.maps.MarkerImage('/resources/hostel_blue_icon.png', new google.maps.Size(28,32), new google.maps.Point(0,0), new google.maps.Point(14,32)); var bar_icon = new google.maps.MarkerImage('/resources/bar_red_icon.png', new google.maps.Size(28,32), new

Marker content (infoWindow) Google Maps

空扰寡人 提交于 2019-11-28 04:09:05
I'm trying to add infoWindow's to multiple markers on a Google Map. The closest I have come is to get an infoWindow to display the last address you can see in the array, on all markers. The bit of code I have pasted below does not work, I get an "Uncaught TypeError: Cannot read property '4' of undefined". I'm sure this is a scope issue, but I'm going round in circles here and could do with some help: var hotels = [ ['ibis Birmingham Airport', 52.452656, -1.730548, 4, 'Ambassador Road<br />Bickenhill<br />Solihull<br />Birmingham<br />B26 3AW','(+44)1217805800','(+44)1217805810','info