Databases
StackOverflow2013
Postsdbo
POGoogle Map loading partially on click on the hidden tab
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle Map loading partially on click on the hidden tab
    primarykey
    data
    text
    <p>I'm using 2 tabs, first for showing list and another showing map. When the first time page is loaded 1 tab is shown by default and on click of second tab map is shown, but when i click list tab and again click map tab map loading partially.</p> <p>Here is my JAVASCRIPT code:</p> <pre><code>$(document).on('click', "#load-map-view", function() { locateStores(); $("#store-list-view").hide(); $("#store-list-view").removeClass('disabled'); $("#store-map-view").show(); $("#store-map-view").addClass('disabled'); }); function locateStores() { var mapContent; var map = new google.maps.Map(document.getElementById("store-map-view"), { center: new google.maps.LatLng(47.6145, -122.3418), mapTypeId: google.maps.MapTypeId.ROADMAP, zoom: 13 }); var markers = []; $("#store-list-view .listed-shop").each(function() { markers.push({ lat: $(this).attr('data-lat'), lng: $(this).attr('data-lan'), name: $.trim($(this).find('div.shop-name').text()) }); }); for (index in markers) addMarker(markers[index]); function addMarker(data) { var marker = new google.maps.Marker({ position: new google.maps.LatLng(data.lat, data.lng), map: map, title: data.name }); var infobox = new InfoBox({ content: document.getElementById("infobox"), disableAutoPan: false, maxWidth: 150, pixelOffset: new google.maps.Size(-140, -10), zIndex: null, boxStyle: { background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat", opacity: 0.80, width: "400px"//"280px" }, closeBoxMargin: "12px 4px 2px 2px", closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif", infoBoxClearance: new google.maps.Size(1, 1) }); google.maps.event.trigger(map, 'resize'); map.setZoom(map.getZoom()); google.maps.event.addListener(marker, 'click', function() { $(".infoBox").fadeOut(300); infobox.open(map, this); map.panTo(new google.maps.LatLng(47.6145, -122.3418)); }); } var bounds = new google.maps.LatLngBounds(); for (index in markers) { var data = markers[index]; bounds.extend(new google.maps.LatLng(data.lat, data.lng)); } map.fitBounds(bounds); var pin = new google.maps.MVCObject(); function openInfoWindow(marker) { title.innerHTML = marker.getTitle(); pin.set("position", marker.getPosition()); infowindow.open(map, marker); } } </code></pre> <p>I have tried several solutions like : adding this code</p> <pre><code>google.maps.event.trigger(map, "resize"); </code></pre> <p>and many other solutions, but still the page still isn't loading.</p> <p>can someone help me out in this? </p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USKara
    1. USshivamsupr
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POGoogle Map loading partially on click on the hidden tab
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload