Question

我的谷歌地图填充和运行驾驶方向等对它非常满意，因为我是第一次网络开发人员。只有一个问题，当我向客户（老板）展示时，他喜欢它，但希望方向显示为它们，但是在弹出窗口中而不是单独的标签。基本上保持地图不变，并在按下“显示路线”时在弹出窗口中显示路线信息我已经设法获取所有路由信息并将其显示在可移动的div中，但这不是他想要的。所以我知道的任何人都不包括方向东西在一个单独的弹出窗口？或者关于这个主题的教程？他希望尽快看到它，所以我有点反对它，任何帮助都会非常感谢所有人。

更新：根据Dr Molles的建议隐藏了包含该信息的原始div并尝试将其添加到弹出窗口中

使用以下代码：

enter code herefunction directionsWindow () {
            // get the div containing the direction information from the google
            // maps direction service
            var divToShow=document.getElementById('directions');
            // store the returned div in a variable
            var htmlToDisplay = document.getElementById('directions').innerHTML
            // get the html contained in the div and store it in a variable

            win=window.open('about:blank','instructions','width=1000,height=1000');
            // open a new window
            doc=win.document;
            // create a new div
            var divToDisplay = doc.createElement('div');
            // set its id to directions
            divToDisplay.id = "directions";
            // set its html to that of the div in the parent document
            divToDisplay.innerHTML = htmlToDisplay;
            // append the div to the window
            doc.body.appendChild(divToDisplay);
            doc.open();
            doc.close();
        }

但这似乎不起作用，因为htmlToDisplay是空的，即使我知道div存在并且有内容（我可以看到它开始）。任何人都能解释一下吗？

Answer 1

打开一个窗口并将说明写入文档：

win=window.open('about:blank','instructions','width=300,height=200');
doc=win.document;
doc.open();
doc.write('<div id="instructions">instructions</div>');
doc.close();
//reference to the div inside the popup
//->doc.getElementById('instructions')

window.open()
document.write()

Answer 2

只是为了让人们知道我已经设法在一个单独的“窗口”中获取我的指示。我不得不使用jquery来显示和隐藏我用来显示方向的div然后用jquery再次拖动它。现在运作良好我可以查看地图上的每个航路点并显示备用根，我只能使用新的弹出窗口窗口来管理。

仅限Google Directions，在弹出窗口中显示

2 个答案: