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.