infowindow

Google Maps API V3 InfoBox using jQuery fadeIn and fadeOut

非 Y 不嫁゛ 提交于 2019-12-03 03:11:36
I have searched the web high and low and have not been able to find a tutorial or example of using jQuery to fade an InfoBox/InfoWindow in Google Maps not the content the actual box/window. Here is my code, I'm not sure what I'm doing wrong, but something also doesn't seem right. google.maps.event.addListener(marker, 'mouseover', function() { ib.setContent(html); ib.open(map, marker); ib.setValues({type: "point", id: 2}) var idName = marker.get("id"); //I was trying to the id's of the elements here var boxName = ib.get("id"); //to use in my jQuery jQuery(idName ).mouseover(function() { jQuery

Multiple polylines and infowindows with Google Maps V3

人盡茶涼 提交于 2019-12-03 00:39:30
I have a map with multiple polylines and would like to open a line-specific-infowindow when clicking the line. So far my code only shows the content of the last iteration. I found two very nice examples of what I want but after hours of trying I am still no further. Example 1: http://srsz750.appspot.com/api3/polylines-multiple.html Example 2: http://www.geocodezip.com/v3_GenericMapBrowser.asp?filename=flights090414.xml So your are my last shot :-S Here is my code that shows only the content of the last iteration: for (var i = 0; i < locations.length; i++) { var route = locations[i]; //

Google Maps API Places Library SearchBox

戏子无情 提交于 2019-12-02 20:04:24
问题 I am attempting to add infowindows to the markers with PlaceDetails that are returned after a google searchbox search. When I click on the markers no infowindows open. I cannot figure out where I went wrong? var infowindow = new google.maps.InfoWindow(); //Function for search box var input = document.getElementById('target'); var searchBox = new google.maps.places.SearchBox(input); var markers = []; google.maps.event.addListener(searchBox, 'places_changed', function() { var places = searchBox

How to create multiple infowindow in google map api

爷,独闯天下 提交于 2019-12-02 19:12:17
I create 3 markers in the map whose data comes from a json. but when I click on a marker and try to open the Info window only the last marker will response correctly.. please help me.... this the code.... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js" type="text/javascript"></script>

InfoWindow not Displaying

倾然丶 夕夏残阳落幕 提交于 2019-12-02 18:39:14
问题 I'm trying to have this so that someone clicks on the map, and an infoWindow pops up telling them that latlng. For now, just trying to figure out how to get an infoWindow to come up. I found a similar problem here with markers and edited the function a bit but I'm missing something which I'm sure is simple and I just cannot pin point. Here's the code: function InfoWindow(location) { if ( marker ) { marker.setPosition(location); } else { marker = new google.maps.infoWindow({ position: location

Android Google Map API V2 : Open Custom Info Window on Right Side of Marker

耗尽温柔 提交于 2019-12-02 17:58:45
I have Integrated Google MAP API V2 for Android. I want to have a Custom Info Window at Onclick of My Marker. Up to that it is fine. i have integrate it. What I want : I want to Show my Custom Info Window on Right Side of Marker Instead of Top of the Marker. Below is the Code I am Using : public class MainActivity extends FragmentActivity { private MainMapFragement mapFragment; private HashMap<Marker, EventInfo> eventMarkerMap; Marker ThirdMarker; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);

Google Maps API Places Library SearchBox

人走茶凉 提交于 2019-12-02 09:35:39
I am attempting to add infowindows to the markers with PlaceDetails that are returned after a google searchbox search. When I click on the markers no infowindows open. I cannot figure out where I went wrong? var infowindow = new google.maps.InfoWindow(); //Function for search box var input = document.getElementById('target'); var searchBox = new google.maps.places.SearchBox(input); var markers = []; google.maps.event.addListener(searchBox, 'places_changed', function() { var places = searchBox.getPlaces(); for (var i = 0, marker; marker = markers[i]; i++) { marker.setMap(null); } markers = [];

Adding Tabs in infowindows (googlemaps api, google fusion tables - kml import)

北城以北 提交于 2019-12-02 09:17:02
I feel like I'm getting close but missing something here. My source (polygon) data is in fusion tables, and I would like to create a 2 tab info window and call data from the table into it. Seen a bunch of examples (see: https://fusion-tables-users-group.googlegroups.com/attach/ec0975e69edcfb96/infowindow_tabs_5.html?pli=1&view=1&part=4 for one), so I have hope this is doable... My code (from the initialize function) is below. Right now, I am trying specifically to query the values (using e.row) from the field 'ROOF_TOTAL' to put into tab 1 (for initial testing purposes). function initialize()

GoogleMap Markers are Not Clickable on the Mobile Devices

丶灬走出姿态 提交于 2019-12-02 06:09:19
问题 GoogleMap Markers are Not Clickable on the Mobile Devices (Touch Screens). But, ok on any PC, so I can't figure out what is the point. Here is my code: var map = new google.maps.Map(document.getElementById('map'), { zoom: 10, center: new google.maps.LatLng(60.037760, -44.100494), mapTypeId: google.maps.MapTypeId.ROADMAP }); var locations = [ ['4lvin', 60.074433, -44.011917], ['5irius', 60.037760, -44.100494] ]; for (var i = 0; i < locations.length; i++) { var marker = new google.maps.Marker({

Google Maps v3 - Infowindow always assumes the last marker's position

五迷三道 提交于 2019-12-02 05:36:20
I'm running into an issue with the position of my infowindows. I am generating the markers in a for-loop, but when I click on an infowindow, the position is always set to the marker that was generated last. The content is correct, however. It's definitely a scoping issue, and there is also a Drupal Ajax call that fetches the content (which doesn't contain any location info). Can anyone help? Here is the for-loop: for ( markerItem in data ) { var icon = icons[data[markerItem][3]].mouseOutIcon; var image = icons[data[markerItem][3]].mouseOverImage; var latlng = new google.maps.LatLng( data