I have a menu with several functionalities including Google Maps.
The application always works fine until i open the google maps page, and leave it to return to the menu:
the menu gets stuck and does not scroll anymore and i don't get any errors.
Any idea what may be causing this?
Thank you.
Related
I'm using a map embed software and have embedded the code in to my WP site (elementor pro). I'm having an issue with the link url changing on click, I'm sure it has something to do with their software. Here's the best I can explain it:
I want users to be able to click the "directions" button that loads under the map marker, and have it open on apple maps because they will redirect to google maps if user is not on iOS device - google maps links have no such function from what I can tell. This service (storepoint), by default opens everything in google maps.
I figured it would be an easy fix and I updated my "address" in the storepoint software to be -- http://maps.apple.com/?daddr=6619+West+Cross+Creek+Bend+Lane,+Fulshear+Tx -- and it seemed to have worked (in their software it correctly pinned that location on the preview map), however when I refreshed my website the button link showed up as https://www.google.com/maps/dir//%3Ca%20href%3D%22javascript%3A%3B%22%3Ehttp%3A%2F%2Fmaps.apple.com%2F%3Fdaddr%3D6619%2BWest%2BCross%2BCreek%2BBend%2BLane%2C%2BFulshear%2BTx%3C%2Fa%3E -- so basically they just added the google maps url infront of my apple maps url rendering both map links completely useless.
Somehow my link is magically changing. I'm wondering if I can use the button id and do something with JS to prevent this. I have no idea though.
If anyone comprehends my rambling and has a work around I would appreciate it.
So, I'm having some issues when loading a new page on mobile. Whenever I use a Link to another page AND my address bar is hidden because I did some scrolling, it is leaving the address bar space on the bottom of the page. Im testing on my android phone.
So I'm trying to figure out a way to always show the address bar on Page load to fix this issue. I've checked a lot of sites on mobile and pretty much everyone does this, but I've searched a lot and couldn't find anything that worked. Any ideas how to solve this or point me in the right direction is greatly appreacited. Thanks in advance!
I’ve embedded a job board from Lever on my WordPress site using the following tool:
https://andreasmb.github.io/lever-jobs-embed/
The page on which it is embedded is here:
http://1pd.aab.myftpupload.com/careers-test-3/
If you visit the link directly, it loads fine. However if you navigate to any other page on the site, then access it via the main navigation bar (Careers > Careers Test 3) the content does not load. You must refresh the page in order to see the content.
This is the embed code:
window.leverJobsOptions = {accountName: ‘geltor’, includeCss: true};https://andreasmb.github.io/lever-jobs-embed/index.js
Any help identifying the conflict and diagnosing the issue would be much appreciated. I’ve tried disabling all my plugins but to no avail.
As a quick fix, is there a way to force a hard refresh when any nav link is clicked?
Thank you!
disabled all plugins, to no avail. except the core theme plugins which are needed to run the site.
For a quick fix, did you try this?
document.location.reload(true)
I'm creating a store loacator for a site using the Map List Pro plugin displaying inside a popup created using the Popup Maker plugin.
version in progress: https://beastsofbalance.com/pop-test-page/ - click the 'store locator' link to open it
When the pop-up is opened, the Google map doesn't load.
The documentation for the Map List Pro plugin suggests this is because it's initially hidden on page load: http://www.maplistpro.com/documentation/only-part-of-the-map-shows-the-rest-is-grey/
it gives two code snippets to solve the issue, but says the pop-up plugin will have a custom event I need to add this to.
The two snippets are:
google.maps.event.trigger(MapListProMaps[0].map, "resize"); - for an individual map
$(document).trigger({type: "resizeMap"}); - for all maps
The documentation for the Popup Maker plugin says the event pumAfterOpen runs just after the pop-up has opened:
http://docs.wppopupmaker.com/article/42-popup-maker-jquery-api
I don't have enough (any!) jQuery / javascript knowledge to put these two bits of information together to create a working code snippet which will trigger a reload of the map when the pop-up is opened, and I was very much hoping someone might be able to help me out!
Many thanks
Hannah
I've tried the following on a copy of your page:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(document).on('pumAfterOpen',function(e){
jQuery(document).trigger({type: "resizeMap"});
});
});
I can't see the map resizing because of authorisation issues with the Google API, but it should be enough to get you on the right track.
I am using java script am-charts for displaying charts for tablet application.
There is one problem which i am facing during development
whenever i am opening same links in two tabs, charts are not display
in both tabs.
Whenever i am opening different link in application, charts are not display
Facebook
Can you please guide me, how could i solve this problem?
Thanks
Try to call chart.validateNow() after you show your list item.