20

The following fix works for me. The project in which I'm using this fieldtype does not require the use of most of the product's more advanced features so I can't guarantee that it fixes everything. Nor can I guarantee that it won't break something else. But hey, it's a start :-) Open up /themes/third_party/gmap/javascript/gmap_field.js and search for "var ...


8

There are a lot of ways to solve this problem, so the best one will be the one that works best with your code. Below is a basic example of how to redraw the map when a trigger is clicked. Essentially, when a tab or an accordion is clicked, the map goes from hidden to visible. If the map was hidden before it was totally initialized, it will not get rendered ...


6

Take a look at the DOM, you will notice that the Google Maps library is included with each loop. Use the script_tag="false" parameter. https://objectivehtml.com/google-maps/documentation/tag/init#script_tag Try something to this effect: {if count == 1} {exp:gmap:init id="map{entry_id}" class="google-maps" style="width:100%;height:380px" scrollwheel="...


6

There seems to have been a recent change in the gmap API. See if this thread can shed some light on your issue. Apparently changing $this->EE->theme_loader->javascript('https://maps.google.com/maps/api/js?sensor=true'); to $this->EE->theme_loader->javascript('https://maps.google.com/maps/api/js?v=3.22&sensor=true'); in gmap/ft....


4

Your issue is answered here I believe: https://stackoverflow.com/a/3066751/135935 I recently fixed the same problem by changing my CSS to use the off-left positioning suggested in the answer. Worked perfectly.


4

Objective's Google Maps does take decimal longitude and latitude, so you should be able to import than easily from MX Maps (which I'm sure uses similar). This is how you would show a map with multiple items. PS the examples are pretty good here. {exp:gmap:init id="map" style="width:290px;height:250px;border: 5px solid #f1f1f1;"} {exp:channel:entries ...


4

I am Justin from Objective HTML. Google Maps for EE is my add-on. Gmaps can't do entry based proximity searches. Gmaps doesn't have a fieldtype, and I don't think geocode entries via the CP or Safecracker. Where as Google Maps for EE has a fieldtype, a configurable data import utility, loads of caching, all the front-end template tags you need, and very ...


3

The main difference between both modules is that Gmaps is only a Module and Google Maps for EE is a module and a fieldtype. Gmaps cannot geocode addresses in the CP, like Google Maps for EE does. Both modules gives you the ability to use front-end tags to show your maps with EE tags and use a solid cache technique. Gmaps target on easy to use Maps, with a ...


3

You could always try the parse parameter. This will allow you to loop through the JSON data of each marker and output the formatted address as needed. Let me know if this doesn't solve your issue and I will look a little deeper. https://objectivehtml.com/google-maps/fieldtype#parse


3

Sorry for the frustration. I put a lot of time into making things work properly, but it's sometimes hard to perceive parts of the documentation that are confusing for others (since it all makes sense to me). Appreciate the honest feedback and will definitely add a "Getting Starting" guide to the site. Derek's post is good too, so be sure to follow all those ...


3

Can I export the data (long/lat) from the MX google maps field, to another add-on (Objective HTMLs). You can't really convert the data exactly, but as long as the lat/lng values are stored in individual channel fields in each entry you are do it. The one thing MX Google Maps does that my add-on doesn't do currently is searching entries with multiple ...


3

The easiest way to customize the map tiles is to follow this example: https://objectivehtml.com/google-maps/examples/custom-map-styles


3

There seems to have been a recent change in the gmap API. See if this thread can shed some light on your issue. Apparently changing $this->EE->theme_loader->javascript('https://maps.google.com/maps/api/js?sensor=true'); to $this->EE->theme_loader->javascript('https://maps.google.com/maps/api/js?v=3.22&sensor=true'); in gmap/ft....


3

You need to change a little in code at line 230 in upd.gmaps of your plugin directory. 'constraint' => '255' to 'constraint' => '191' This need to change from 255 to 191 because there is INNODB utf8mb4.


2

Here is an example of how to fix the issue using jQueryUI Tabs. It could work with any other tab library, you just need to change the callback and the conditional. Basically you just need to get access to the Gmap instance in question and resize the map, and then re-center it. It's really simple. $(document).ready(function() { $('.tabs').tabs({ ...


2

I uploaded a screenshot of my default setup. I simply create a Gmap field and create a route with an origin and destination. You can see my distance is in miles. I think Google is trying to automatically determine which metric to use. I think what you propose is a good idea though. Being able to force that metric to be something would be nice. I will do ...


2

The Google Maps api provides a way for you to supply your own image for the map. https://developers.google.com/maps/documentation/javascript/maptypes#ImageMapTypes


2

This is coming in 3.3, but it's not 100% ready for release. The main issue is that each locality has different address components and meanings. So my current example is US based (because that's where I am). The API will look something like: {your_field:address_component type="zipcode"} {your_field:address_component type="city"} {your_field:...


2

You may have to encase those variables in quotes like: {exp:gmap:static_map center="{retailers_latitude},{retailers_logitude}"}


2

Your issue is answered here I believe: https://stackoverflow.com/a/3066751/135935 I recently fixed the same problem by changing my CSS to use the off-left positioning suggested in the answer. Worked perfectly. Use the off-left technique for hiding inactive tab panels. E.g. in your style sheet replace the rule for the class selector ".ui-tabs .ui-...


2

I agree that Justin's docs make some assumptions and lack a proper "here's how to get started" explainer - but that's partially because his add-ons are all very powerful and can be used in so many different ways. His examples section is the best place to start. Here's how to get going in the most common circumstance (you want to plot a marker on a map in ...


2

Before issuing the resize call, simply record the current map centre so you can reset it. Like this: $('.tabbed-form .tabs').kosTabs({ after: function() { if(typeof Gmap !== 'undefined') { var instance = Gmap.instances[0]; if(typeof instance !== 'undefined') { var center = instance.map.getCenter(); google.maps.event.trigger(...


2

Change Api2 to Api3 is almost the same as create new ft. From all exist geo add-ons for EE 1, you can try Geotagger (possible you need to speak with Mightybigrobot). I don't have last version, but I believe that they was able to which to API3. If they have this version, you just will needed to split data from current SL Google Maps to Geotagger fields (...


2

The basic concept behind what you need to do is generate a JSON response of your markers, and loop through them with JS and add them to the map manually. That's really the only want around the procedural JS that is injected into your page. You could load the JSON feed asynchronously too.


2

I've just discovered the parse paramter which will let me get the bits of data I need to create my own javascript for creating markers an modal windows. https://www.objectivehtml.com/google-maps/fieldtype Use it like so... {exp:channel:entries channel="conf"} {conf_map parse="markers"} {markers} {marker:latitude}, {marker:longitude}...


2

We're using checkboxes for the categories, but I'm assuming it's similar... In the search form: {categories show="1|2|3|4" limit="4"} <div class="checkbox"> <label><input type="checkbox" name="categories[]" value="{category_id}" {checked}> {category_name} Products</label> </div> {/categories} Then in the ...


2

So this site http://snazzymaps.com/ has a bunch of pre-made styles and the JS that goes with them, you might be able to drop their JS into the gmap-styles.js file to get some different custom looks. Just a thought.


2

Low Search's Distance filter requires that lat/long values are stored in two separate channel fields. Also, you need to feed it lat/long values yourself; it won't take data like a post code as a starting location. If these conditions are met, you can use the Distance filter to filter entries by distance/proximity. If not, then you'd need a custom filter or ...


2

The short answer to your question is yes Google Maps for EE would be able to do exactly what you want to do. You would add the included fieldtype to your channel which would allow a user to enter the address and find the correct location. Then in your template you would need to add the appropriate template tags to achieve what you are looking for. You can ...


2

The best alternative I've found is the excellent Gmaps plugin from Rein de Vries. You can pair this plugin with his Gmaps Importer plugin (which is actually an extension of DataGrab) to replicate the importing functionality of the Objective HTML version.


Only top voted, non community-wiki answers of a minimum length are eligible