javascript - Google Maps V3 StreetView not displaying on second setVisible() call -

-

edit: heard google, they've confirmed issue on end.

edit2: contact @ google has informed me they've fixed bug.

i've got troublesome bug using google maps v3 api.

if set map, switch streetview, close streetview, reopen, imagery appears blank (though controls still display). if click on controls move camera, imagery returns.

what causes this? can see code below simple, can't think i've gone wrong.

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >   <head>     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>   </head>   <body>     <div id="map" style="width:500px;height:300px"></div>      <script type="text/javascript">       var map = new google.maps.map(document.getelementbyid('map'), {         center: new google.maps.latlng(37.767063, -122.445724),         maptypeid: google.maps.maptypeid.roadmap,         zoom: 15       });        var streetview = map.getstreetview();       streetview.setposition(map.getcenter());        settimeout(function() { streetview.setvisible(true); }, 1500);       settimeout(function() { streetview.setvisible(false); }, 3000);       settimeout(function() { streetview.setvisible(true); }, 4500);     </script>   </body> </html>

i found same annoying bug , developed workaround further div , bit of css. assign streetview #street

<div id="map" style="width:500px;height:300px;display:block"></div> <div id="street" style="width:500px;height:300px;display:none"></div>

add function toggle visibility of divs:

function togglestreetview() {   var mapdiv    = document.getelementbyid('map');   var streetdiv = document.getelementbyid('street');    var streetvisible = (streetdiv.style.display == 'block');   if (streetvisible) {     // hide streetview, show map     streetdiv.display = 'none';     mapdiv.display    = 'block';   } else {     // vice versa     mapdiv.display    = 'none';     streetdiv.display = 'block';     streetview.setvisible(true); /* order important, show after div visible */   }       }

maybe not elegant solution - works. css absolute positioning , javascript framework, prefer jquery, can add nice fade effect.


Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more