如何在Google地图信息窗口中为wordpress媒体链接制作模态

时间:2021-01-26 06:25:23

I've got a project for which I have bulit a custom WP theme. Now one of the requirements for this projects was to make an interactive map based on Google Maps. The map shows a lot of markers in a specific area, and every marker when clicked, shows an info window. Each info window contains a list of WordPress media links like this:

我有一个项目,我有一个自定义WP主题。现在,这个项目的要求之一是制作基于谷歌地图的交互式地图。地图显示特定区域中的许多标记,单击时每个标记都显示一个信息窗口。每个信息窗口都包含一个WordPress媒体链接列表,如下所示:

And when you click one of those links, as usual it opens that specific PDF file in the browser. All of the files are PDF files.

当您单击其中一个链接时,它会像往常一样在浏览器中打开该特定PDF文件。所有文件都是PDF文件。

Now the problem is, the client requests for those media links, when clicked, it should open in a modal window over the map,not into new browser tab.

现在的问题是,客户端请求这些媒体链接,当点击时,它应该在地图上的模态窗口中打开,而不是在新的浏览器选项卡中打开。

Basically, he wants the PDF file to be loaded in the modal window instead of going to new tab to load the PDF.

基本上,他希望将PDF文件加载到模态窗口中,而不是转到新选项卡来加载PDF。

I have never worked on it and i don't have any idea how to achieve that so any suggestions would be nice.

我从来没有参与其中,我也不知道如何实现这一点,所以任何建议都会很好。

1 个解决方案

#1


0  

I have find that How to display a pdf in a modal window? Maybe anyone know a better way.

我发现如何在模态窗口中显示pdf?也许有人知道更好的方法。

Of course, replace jquery ui by an lightweight modal.

当然,用轻量级模态替换jquery ui。

#1


0  

I have find that How to display a pdf in a modal window? Maybe anyone know a better way.

我发现如何在模态窗口中显示pdf?也许有人知道更好的方法。

Of course, replace jquery ui by an lightweight modal.

当然,用轻量级模态替换jquery ui。