Tagged: google
- This topic has 12 replies, 3 voices, and was last updated 9 years, 4 months ago by
Dhuan.
-
AuthorPosts
-
March 21, 2015 at 9:25 am #53869
tualatinweb
ParticipantThanks for the free theme, I’m learning how to adjust all of the settings. While using my Chrome browser in debug mode I found that you are missing a file in your theme folder: jquery.cycle2.js.map
I had to find and upload this myself to fix the error.
March 21, 2015 at 6:54 pm #53904Sakin
Keymaster@tualatinweb: I am not being able to find this issue. But search in Google I see this script has issue. Which file did you added in.
Also the map is for development version of site and it is not necessary for the production version. So, we will remove that in next version udpate.
March 21, 2015 at 10:55 pm #53990tualatinweb
ParticipantSakin,
Install this theme and then in your browser debugger look for Javascript errors and you will find that there’s one missing file reported: jquery.cycle2.js.mapThis file needs to be added to the theme folder under /js/jquery.cycle/jquery.cycle2.min.js
March 21, 2015 at 11:05 pm #53991Sakin
Keymaster@tualatinweb: The worst part is I am not able to find the issue but I see the issue has been reported in https://github.com/malsup/cycle2/issues/384
So, you fix that error by uploading
jquery.cycle2.js.map
file in
catch-responsive/js/jquery.cycle/
March 21, 2015 at 11:09 pm #53992tualatinweb
ParticipantYes, the fix is to upload the missing jquery.cycle2.js.map file into your theme folder.
March 21, 2015 at 11:21 pm #53995Sakin
Keymaster@tualatinweb: Thanks we will work on it.
March 22, 2015 at 9:52 am #54017Sakin
Keymaster@tualatinweb: Thanks we have uploaded new version in WordPress.org and now need to wait for WordPress.org theme review team to make it live soon.
October 5, 2015 at 4:14 pm #67908Dhuan
MemberI do not know whether it is connected but to ask.
Put a piece of code, google map and it does not appear, if it shows things are blurry fields directions not work, displace and it does not work as it should.html file will open in your browser is all right I want to put it, as a publication and do it as a text editor
The question is how to visualize Google maps.October 5, 2015 at 5:58 pm #67910Dhuan
Memberthis code
<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Displaying text directions with <code>setPanel()</code></title> <style> html, body { height: 100%; margin: 0; padding: 0; } #map { height: 100%; } #floating-panel { position: absolute; top: 10px; left: 25%; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; text-align: center; font-family: 'Roboto','sans-serif'; line-height: 30px; padding-left: 10px; } #right-panel { font-family: 'Roboto','sans-serif'; line-height: 30px; padding-left: 10px; } #right-panel select, #right-panel input { font-size: 15px; } #right-panel select { width: 100%; } #right-panel i { font-size: 12px; } #right-panel { height: 100%; float: right; width: 390px; overflow: auto; } #map { margin-right: 400px; } #floating-panel { background: #fff; padding: 5px; font-size: 14px; font-family: Arial; border: 1px solid #ccc; box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4); display: none; } @media print { #map { height: 500px; margin: 0; } #right-panel { float: none; width: auto; } } </style> </head> <body> <div id="floating-panel"> <strong>Start:</strong> <select id="start"> <option value="chicago, il">Chicago</option> <option value="st louis, mo">St Louis</option> <option value="joplin, mo">Joplin, MO</option> <option value="oklahoma city, ok">Oklahoma City</option> <option value="amarillo, tx">Amarillo</option> <option value="gallup, nm">Gallup, NM</option> <option value="flagstaff, az">Flagstaff, AZ</option> <option value="winona, az">Winona</option> <option value="kingman, az">Kingman</option> <option value="barstow, ca">Barstow</option> <option value="san bernardino, ca">San Bernardino</option> <option value="los angeles, ca">Los Angeles</option> </select> <br> <strong>End:</strong> <select id="end"> <option value="chicago, il">Chicago</option> <option value="st louis, mo">St Louis</option> <option value="joplin, mo">Joplin, MO</option> <option value="oklahoma city, ok">Oklahoma City</option> <option value="amarillo, tx">Amarillo</option> <option value="gallup, nm">Gallup, NM</option> <option value="flagstaff, az">Flagstaff, AZ</option> <option value="winona, az">Winona</option> <option value="kingman, az">Kingman</option> <option value="barstow, ca">Barstow</option> <option value="san bernardino, ca">San Bernardino</option> <option value="los angeles, ca">Los Angeles</option> </select> </div> <div id="right-panel"></div> <div id="map"></div> <script> function initMap() { var directionsDisplay = new google.maps.DirectionsRenderer; var directionsService = new google.maps.DirectionsService; var map = new google.maps.Map(document.getElementById('map'), { zoom: 7, center: {lat: 41.85, lng: -87.65} }); directionsDisplay.setMap(map); directionsDisplay.setPanel(document.getElementById('right-panel')); var control = document.getElementById('floating-panel'); control.style.display = 'block'; map.controls[google.maps.ControlPosition.TOP_CENTER].push(control); var onChangeHandler = function() { calculateAndDisplayRoute(directionsService, directionsDisplay); }; document.getElementById('start').addEventListener('change', onChangeHandler); document.getElementById('end').addEventListener('change', onChangeHandler); } function calculateAndDisplayRoute(directionsService, directionsDisplay) { var start = document.getElementById('start').value; var end = document.getElementById('end').value; directionsService.route({ origin: start, destination: end, travelMode: google.maps.TravelMode.DRIVING }, function(response, status) { if (status === google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); } else { window.alert('Directions request failed due to ' + status); } }); } </script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAlOwaZBwKTyxujkjgBj9aHwPwp84uK5Oc&signed_in=true&callback=initMap" async defer></script> </body> </html>
displayed so
http://prikachi.com/images.php?images/285/8391285y.png
use theme Catch Box
October 5, 2015 at 6:09 pm #67912Sakin
Keymaster@Dhuan: This is not related at all. That was for slider and this is different. Please check in your script and if you have issue the please post new question with your site URL. So, that I can check in.
October 5, 2015 at 6:41 pm #67915Dhuan
Membermy mind was whether to include jquery and maps. I do not know I have no idea
I think the script is correctOctober 5, 2015 at 9:12 pm #67923Sakin
Keymaster@Dhuan: I don’t get it what are you trying to do with custom coding. Also where did you add that code. It all depends on your uses. So, if you want to use in your page, then I suggest using google map plugin instead of custom script. For adding custom script, you need to build child theme and then add script in your php template.
October 6, 2015 at 1:14 am #67944Dhuan
MemberSakin, the problem is not the topic. please delete the above comments not relate to this topic. please excuse me
-
AuthorPosts
- The topic ‘Missing Javascript file’ is closed to new replies.