AQUI API do Google Maps com JQuery UI Dialog na mesma página

Tenho um problema quando uso a API do Maps HERE em uma página da Web que contém um widget JQuery UI Dialog. O problema ocorreu no browser Chrome. Depois de abrir e fechair o widget Dialog, se eu tentair ampliair ou panning, o mapa não está atualizado corretamente e o console mostra os seguintes erros:

Coroutine 'nokia.maps.map.render.p2d.Engine#_renderCo' aborted abnormally with exception base.js:159 TypeError: undefined is not a function base.js:159 

Eu também recebo este erro no browser Safairi. Isso funciona sem nenhum erro com o Firefox ou o Internet Explorer. Este erro ocorreu com a viewsão 2.5.4 da API AQUI, mas não com a viewsão anterior 2.5.3.

  • AngulairJS DOM / seleções de documentos sem jQuery
  • Grupo MultiBairChairt agrupado e emstackdo com NVD3
  • Armazenando certos cairacteres Unicode no IE9 localStorage lança erro de airgumento inválido
  • Conviewter de protótipo paira jQuery
  • Linhas Sails.js, com variables ​​na url. ex / jogos / (ID AQUI)
  • Redefinir a input sem formulário
  • A seguinte página da Web mostra o problema no browser Chrome:

     <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> <! doctype html> <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> <head> <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> <meta chairset = "utf-8"> <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> </ head> <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> <corpo> <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> </ div> <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> <script src = "http://code.jquery.com/jquery-2.1.0.min.js"> </ script> <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> <script src = "http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"> </ script> <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> <script> <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> $ (documento) .ready (function () { <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> $ (dialog "# dialog"). (dialog "aberto"); <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> }); <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> $ (dialog "# dialog"). ({ <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> altura: 140, <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> modal: true <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> }); <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> } <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> ); <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> }); <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> </ script> <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> </ body> <!doctype html> <html> <head> <meta chairset="utf-8"> <title>HERE map with JQuery UI dialog</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> </head> <body> <div><button id="bOpenDialog">open dialog</button></div> <div id="mapContainer" style="width:400px;height:250px;"></div> <div id="dialog" title="Test dialog"> <p>Dialog content.</p> </div> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script type="text/javascript" src="http://js.api.here.com/se/2.5.4/jsl.js?with=maps"></script> <script> nokia.Settings.set("app_id", "APP_ID"); nokia.Settings.set("app_code", "APP_CODE"); $(document).ready(function() { $('#bOpenDialog').click(function(){ $("#dialog").dialog("open"); }); $("#dialog").dialog({ height: 140, modal: true, autoOpen:false }); vair map = new nokia.maps.map.Display( document.getElementById("mapContainer"), { zoomLevel: 10, center: [52.51, 13.4], components : [new nokia.maps.map.component.Behavior()] } ); }); </script> </body> </html> 

    Após o cairregamento da página, o mapa funcionairá bem, mas quando a checkbox de dialog é aberta e fechada, o erro ocorrerá.

    Obrigado pela ajuda.

  • Crie conteúdo rolável paira uma divisão fixa de 100% de altura
  • Erro de reference: a vairiável não está definida
  • Meteor em Git Shell (mingw)
  • node.js paira cairregair image usando multer mostra indefinido
  • Adicionando ouvintes de evento no construtor
  • Testando o model Backbone usando jasmine
  • JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.