The map is output in the page template. A search of Github for the term skt_moveMap() (which seemed like a unique function name) revealed that the Google Maps code from your question is part of the “Contact page Template with Sidebar” (template-contact-with-sidebar.php) or “Contact page Template” (template-contact-page.php) templates included in themes from SketchThemes. Looking at … Read more
You should place that code in an HTML block, not a text block. You can create a new block, type HTML in the search bar and select it. Then paste above code in that new block.
Try this in your js file: function robbte_map_initialize() { var input = document.getElementById(‘searchTextField’); var autocomplete = new google.maps.places.Autocomplete(input); google.maps.event.addListener(autocomplete, ‘place_changed’, function () { var place = autocomplete.getPlace(); if (!place.geometry) { window.alert(“Select a suggestion from the list”); return; } document.getElementById(‘city2’).value = place.name; document.getElementById(‘cityLat’).value = place.geometry.location.lat(); document.getElementById(‘cityLng’).value = place.geometry.location.lng(); }); } jQuery(document).ready (robbte_map_initialize);
I’ve done something similar using gmaps (http://gmap.nurtext.de/). You might want to take a look at that. It’s self explanatory and there’s quite a bit of documentation IF you google around.
Nm, figured it out: <?php echo GeoMashup::map( ‘map_content=global&map_cat=1,2,3,4,5’ . $cat->term_id ); ?>
You have quite a bit of markup for that shortcode. Trying to pass all of that as a shortcode is going to be trouble. I pulled it apart to look at it. id=”map” z=”11″ w=”100%” h=”300″ scrollwheel=”false” maptype=”ROADMAP” address=”Southampton, United Kingdom” marker=”true” markerimage=”http://anachronistic.local:9102/wp-content/plugins/_TomRush/inc/js/TinyMCE_additions/modal/../img/icons/music_folk_map.png“ infowindow=”<div class=”marker inside”><img class=”marker icon” alt=”” src=”http://maps.gstatic.com/mapfiles/place_api/icons/geocode-71.png” /><strong>Southampton</strong><br>Southampton, UK<br><span class=”marker extras”>Some User … Read more
To connect your meta fields with the “Geo Data Store”-Plugin, you simply take the name of the meta key/field and map it with the filter to the plugin. add_filter( ‘sc_geodatastore_meta_keys’, ‘wpse82502_lat_lng_metakey_mapping’ ); function wpse82502_lat_lng_metakey_mapping( $keys ) { $keys[] = “your_meta_key_field_name”; return $keys; } To get the data from PHP to JS, simply use wp_localize_script().
Welcome to the new world of Google Maps 🙁 You now have to have your credit card linked to your Google Maps API. They give you $250 a month of “credit” so you will likely not get charged, but you do have to have the card linked. https://venturebeat.com/2018/05/02/google-maps-platform-arrives-with-pay-as-you-go-billing-free-support-and-cloud-requirement-starting-june-11/
Dean, your best bet is to do it through JS on the front end. I use the following function to covert the postcode to a Lat and Lng: function codeAddress(address){ geocoder.geocode({ ‘address’: address }, function(results, status){ if(status == google.maps.GeocoderStatus.OK){ map.setCenter(results[0].geometry.location); map.setZoom(16); var marker = new google.maps.Marker({ map: map, position: results[0].geometry.location }); markersArray.push(marker); // BA Lng, … Read more
Well, this is kind of easy.. The google-map API needs a format like Your Street 123, 54321 Your City Assuming you have your data like this: <div id=”street”>Your Street 123</div> <div id=”zip”>54321</div> <div id=”city”>Your City</div> Assuming you are using jQuery: (function($){ $.fn.create_gmap_address = function() { var street = $(‘#street’).html(); var zip = $(‘#zip’).html(); var city … Read more