Problems getting maps pointers to show, with CGGoogleMaps2
Posted: Tue Mar 29, 2016 2:57 pm
Has been pretty frustrating. Several issues...
1) I cannot get any pointers to show on the map AT ALL.
a) I have set up two map pointers using the 'add map pointers' section of the admin modue.
b) I have tried to add points dynamically using :-
Code: Select all
{CGGoogleMaps2}
{cggm2_add_dynpoint map=1 name='point1' lat='50.43102 ' long='-3.7076' tooltip='test' icon='food'}
I am including the jquery in the <Head> of the document :-
Code: Select all
<__script__ type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></__script>
<__script__ type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></__script>
<__script__ type="text/javascript" src="//maps.google.com/maps/api/js?libraries=geometry&sensor=true"></__script>
<__script__ type="text/javascript" src="/dev/modules/CGGoogleMaps2/lib/js/infobox_packed.js"></__script>
<__script__ type="text/javascript" src="/dev/modules/CGGoogleMaps2/lib/js/map_tooltip.js"></__script>
<__script__ type="text/javascript" src="/dev/modules/CGGoogleMaps2/lib/js/jquery.cggm_map.js"></__script>
<__script__ type="text/javascript" src="/dev/uploads/mysite/js/bootstrap.min.js"></__script>
<__script__ type="text/javascript" src="/dev/uploads/mysite/js/plugins.js"></__script>
<__script__ type="text/javascript" src="/dev/uploads/mysite/js/classie.js"></__script>
<__script__ type="text/javascript" src="/dev/uploads/mysite/js/jquery.themepunch.tools.min.js"></__script>
<__script__ type="text/javascript" src="/dev/uploads/mysite/js/scripts.js"></__script>And this is the default map template that I have been using :-
Code: Select all
{* map template *}
{* inline css styles are just for example purposes *}
<style type="text/css">
.infoBox {
padding: 0.5em;
border: 1px solid-black;
background-color: yellow;
}
.m_tooltip {
padding: 0.5em;
border: 1px solid-black;
border-radius: 3px;
background-color: white;
}
</style>
{* this is where the map will be displayed *}
<div id="cggm_map_{$mapinstance}" style="height: 500px; width: 2000px;">
</div>
<div class="cggm2_markers"></div>
<__script__ type="text/javascript">
if( typeof(jQuery) == 'undefined' ) {
var div = document.getElementById('cggm_map_{$mapinstance}').
div.innerHTML = '<h3 style="color: red;">jQuery and jQuery UI Are Required</h3>';
throw new Error('jQuery and jQuery UI Are Required');
}
$(document).ready(function(){
var obj = $('#cggm_map_{$mapinstance}');
obj.cggm2({$generator->get_map_options_js()});
{if $map->directions && isset($directions_form_id)}$obj.cggm2('options','directions_form','#{$directions_form_id}');{/if}
});
</__script>If anyone can see anything obvious, I would appreciate a nudge in the right direction.
On a positive note, I have been able to include a KML file dynamically using...
Code: Select all
{cggm2_add_kml}Code: Select all
----------------------------------------------
Cms Version: 2.1.2
Installed Modules:
AdminSearch: 1.0
CGBlog: 1.13.3
CGContentUtils: 2.1
CGExtensions: 1.52.2
CGGoogleMaps2: 0.99.3
CGSimpleSmarty: 2.0.5
CGSnapshot: 1.0
CGStaticMaps: 1.0.0
CMSContentManager: 1.1
DesignManager: 1.1.1
FileManager: 1.5.2
FormBuilder: 0.8.1.3
Gallery: 2.1.3
JQueryTools: 1.3.8
MicroTiny: 2.0.3
ModuleManager: 2.0.2
Navigator: 1.0.2
News: 2.50.4
Search: 1.50.2
SimpleSiteInfo: 3.1