Sliding Menu Support Product Page
Answered
Google map without iframe for mobile devices?
Asked 12 Jun 2012 18:13:00
1
has this question
12 Jun 2012 18:13:00 jeff Napadow posted:
How can I open a Google map file into a menu layout without using iframe? I don't want users exiting the mobile website. Replies
Replied 13 Jun 2012 07:23:14
13 Jun 2012 07:23:14 Vulcho Vulev replied:
Hello Jeff.
This can be done with a little bit custom coding with google maps extension.
Open a blank page, and insert the google maps extension with the desired settings.After that go to code view in DW.
Cut the html code between the <body></body> tags.
In my case for example:
After that, apply the Sliding menu on that page, and create a content menu for the maps.
Find the markup for your content menu:
in my case:
Place the code of google maps within the content menu.In my case:
Save the page and preview in browser. Enjoy the maps within the Sliding Panels.
Regards: Vulcho.
This can be done with a little bit custom coding with google maps extension.
Open a blank page, and insert the google maps extension with the desired settings.After that go to code view in DW.
Cut the html code between the <body></body> tags.
In my case for example:
<div class="dmxGoogleMaps" id="map1" style="width:300px;height:300px;">
</div>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#map1").gMap(
{"markers": [{"latitude": 22, "longitude": 22}]}
);
}
);
// ]]>
</script>
After that, apply the Sliding menu on that page, and create a content menu for the maps.
Find the markup for your content menu:
in my case:
<li title="ContentMenu" class="dmxSlidingMenuItemContent">
<h3>ContentMenu</h3>
</li>
Place the code of google maps within the content menu.In my case:
<li title="ContentMenu" class="dmxSlidingMenuItemContent">
<h3>ContentMenu</h3>
<div class="dmxGoogleMaps" id="map1" style="width:300px;height:300px;">
</div>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#map1").gMap(
{"markers": [{"latitude": 22, "longitude": 22}]}
);
}
);
// ]]>
</script>
</li>
Save the page and preview in browser. Enjoy the maps within the Sliding Panels.
Regards: Vulcho.
Replied 25 Jun 2012 03:42:51
25 Jun 2012 03:42:51 Trevor Courtney replied:
Tried to incorporate the DMXzone Google map extension into the www.leboudoir.mobi web site made with sliding menu extension and followed the set of instructions above but unfortunately I could not get it to work and ended up resorting to a Web Assist plugin which in my opinion is not as good as yours. Using the instructions above just caused the site to jam up unfortunately.
Replied 19 Sep 2022 09:07:14
19 Sep 2022 09:07:14 User replied:
Google map without iframe is a great tool. But because of the increasing popularity of mobile devices, Google has released an update to their mobile maps that will make things much easier for users. I prefer to visit here https://www.hamiltondemolition.co.nz/ and get more new ways for concrete layers. A lot of web design websites are using Google Maps with the iframe for mobile devices, but there is no need to do so. Fortunately, in this article, we'll be discussing how to make your website compatible with all kinds of devices.