shemesh

all – i do not find the time to continue developing this plugin.
I’ve gone so far but, sorry, seems like i will not be able to continue with it.
I’ll be happy to hand this plugin to someone with the right skills.

when you build your form try to add multiple map fields, have a look at the top image here for a hint about how to use.

i’m curious to know the result so let me know how it goes.

lukeblackmore – this seems to be a specific problem on your page, in jsfiddle the same code works flawlessly.
looking at the console of your page i see this message “Warning: you have included the Google Maps API multiple times on this page. This may cause unexpected errors.”
so check your code.

p.s. another fix:
in order to see the markers on top of google maps add this right at the top of the same file:
<style type=”text/css”>
.leaflet-map-pane {
z-index: 2 !important;
}

.leaflet-google-layer {
z-index: 1 !important;
}
</style>

http://jsfiddle.net/X83Cx/1/

OK, solution found!
seems to be some problem with the google maps plugin for Leaflet.

here…
edit: contact-form-7-map-field/map-code-leaflet.html
add those 2 lines right under …/leaflet.js
<script src=”http://maps.google.com/maps/api/js?v=3.2&sensor=false”></script&gt;
<script src=”http://matchingnotes.com/javascripts/leaflet-google.js”></script&gt;

than inside initmap() find: map.addLayer(mapTile);
replace it with:
var googleLayer = new L.Google(); map.addLayer(googleLayer);

please read this post

please read previous posts, this question has already been answered.

oohh… never thought of that… i’ll need to take a look.