[module MAP] geocoding field with gmap?

ledom

Joined: 2007-10-08
Posts: 11

Posted: Sat, 2008-01-05 21:24

Hi,

I use map module and I need to add a field to search a location.
Simply like this: http://code.google.com/apis/maps/documentation/examples/geocoding-simple.html

How can i do that, can i make a modification in a file of module to add geocoding? in which file?
Or must i do a feature request?

Thaks for your help

http://rubbishbusters.com

Login or register to post comments

floridave

Joined: 2003-12-22
Posts: 9507

Posted: Sat, 2008-01-05 22:05

When you are on the map tab of editing a item there is a Enter Address and -> and a button: "get via address" already.

You want users to add that to your map and show items that are close? You have to maybe give a user story to explain what you want. If it is just to add that functionality as the the gmap example, I fail to see the use-fullness in that to this module.

Dave

_____________________________________________
Blog & G2 || floridave - Gallery Team

Login or register to post comments

SiliconFiend

Joined: 2006-12-27
Posts: 355

Posted: Sun, 2008-01-06 04:55

It sounds like you want to have a search-by-address feature on the map page. You can copy the "getAddress" code and associated bits from the mapItemEdit.tpl file and add it to the ShowMap.tpl file (or maybe MapHeader.tpl, but that one is already crowded). It's all done in Javascript--no PHP editing required.

Login or register to post comments

ledom

Joined: 2007-10-08
Posts: 11

Posted: Sun, 2008-01-06 15:25

Yes it's a search by address feature. I want that users can zoom on their city by entering the name of the city. The goal is to easily look at markers around their city.

In fact use the same features that mapItemEdit.tpl are a good idea. But i don't understand anything at the file (i'm not programmer...)

So, i have found that: http://code.google.com/apis/maps/documentation/examples/control-localsearch.html and it seems easier to use but i don't know how to add it in MapHeader.tpl.

http://rubbishbusters.com

Login or register to post comments

SiliconFiend

Joined: 2006-12-27
Posts: 355

Posted: Sun, 2008-01-06 19:43

Okay, if that works for you, you can try it. From what I can see, you would need to add this to MapHeader.tpl:

<script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>

Then down in the "ShowMeTheMap" function, add this after the "map = new GMap2(...)" line:

// bind a search control to the map, suppress result list
map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));

There are also some style links which may be harder to get in there (you'd have to add them in the PHP code, probably, or edit the includes/GoogleMap.css file), but you could try it and see what it looks like.

Note that I haven't tried any of this, I'm just going off what I see, so there may be flaws in my implementation.

Login or register to post comments

ledom

Joined: 2007-10-08
Posts: 11

Posted: Mon, 2008-01-21 19:37

thanks siliconfiend, i tried that but it don't seems to work. I don't know why.

http://rubbishbusters.com

Login or register to post comments

ledom

Joined: 2007-10-08
Posts: 11

Posted: Mon, 2008-04-28 12:33

Hi,

Finally it works!

I add css import from google:
<style type="text/css">
@import url("http://www.google.com/uds/css/gsearch.css");
@import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
</style>

I add to script loading from google:
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>

and use:
// bind a search control to the map, suppress result list
map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(10,20)));

to display the searchbox, and it work fine!

The mosst important point is the position of the bind line.

Here is the complete code:
{*
* $Revision: 1264 $
* Read this before changing templates! http://codex.gallery2.org/Gallery2:Editing_Templates
*}
{* Custom navigation needs a IE .png fix
{if (isset($map.MapControlType))}
{if $map.MapControlType neq "None" and $map.MapControlType neq "Small" and $map.MapControlType neq "Large"}
<style type="text/css">
.themap img {ldelim}
behavior: url("{g->url href="modules/map/pngbehavior.htc"}");
{rdelim}
</style>
{/if}
{/if} *}
<style type="text/css">
a {ldelim}overflow: hidden;{rdelim}
a:hover {ldelim} outline: none; {rdelim}
</style>
<style type="text/css">
@import url("http://www.google.com/uds/css/gsearch.css");
@import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
</style>
{include file="modules/map/includes/GoogleMap.css"}

{if isset($map.googleMapKey) and $map.googleMapKey neq 'f'}
<script src="http://maps.google.com/maps?file=api&v=2.x&key={$map.googleMapKey}" type="text/javascript"></script>
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
{if isset($map.GZoom) and $map.GZoom}
<script src="{g->url href="modules/map/includes/gzoom.js"}" type="text/javascript"></script>
{/if}
<script src="{g->url href="modules/map/GoogleMap.js"}" type="text/javascript"></script>

var DEBUGINFO = 0; //set to 1 to view the Glog, 0 otherwise
var controlname = "{$map.MapControlType}";
var IEBrowser = navigator.appVersion.split("MSIE");
var IEVersion = parseFloat(IEBrowser[1]);

{if $map.mode eq "Normal" and isset($map.ThumbBarPos) and $map.ThumbBarPos neq "0" and $map.fullScreen neq 3}
/* initialize some variable for the sidebar */
var sidebarheight = {$map.ThumbHeight+4};
{* Should this be ThumbWidth? *}
var sidebarwidth = {$map.ThumbHeight+4};
{/if}
var sidebarhtml = '';
var sidebarsize = 0;

//Create the Map variable to be used to store the map infos
var map;
//Variable for the google map so that we can get it translated
var _mSiteName = '{g->text text="Google Local" forJavascript=true}';
var _mZoomIn = '{g->text text="Zoom In" forJavascript=true}';
var _mZoomOut = '{g->text text="Zoom Out" forJavascript=true}';
var _mZoomSet = '{g->text text="Click to set zoom level" forJavascript=true}';
var _mZoomDrag = '{g->text text="Drag to zoom" forJavascript=true}';
var _mPanWest = '{g->text text="Go left" forJavascript=true}';
var _mPanEast = '{g->text text="Go right" forJavascript=true}';
var _mPanNorth = '{g->text text="Go up" forJavascript=true}';
var _mPanSouth = '{g->text text="Go down" forJavascript=true}';
var _mLastResult = '{g->text text="Return to the last result" forJavascript=true}';
var _mGoogleCopy = '{g->text text="(c)2007 Google" forJavascript=true}';
var _mDataCopy = '{g->text text="Map data (c)2007 " forJavascript=true}';
var _mNavteq = '{g->text text="NAVTEQ(tm)" forJavascript=true}';
var _mTeleAtlas = '{g->text text="Tele Atlas" forJavascript=true}';
var _mZenrin = '{g->text text="ZENRIN" forJavascript=true}';
var _mZenrinCopy = '{g->text text="Map (c)2007 " forJavascript=true}';
var _mNormalMap = '{g->text text="Map" forJavascript=true}';
var _mNormalMapShort = '{g->text text="Map" hint="Short form for Map" forJavascript=true}';
var _mHybridMap = '{g->text text="Hybrid" forJavascript=true}';
var _mHybridMapShort = '{g->text text="Hyb" hint="Short form for Hybrid" forJavascript=true}';
var _mNew = '{g->text text="New!" forJavascript=true}';
var _mTerms = '{g->text text="Terms of Use" forJavascript=true}';
var _mKeyholeMap = '{g->text text="Satellite" forJavascript=true}';
var _mKeyholeMapShort = '{g->text text="Sat" hint="Short form for Satellite" forJavascript=true}';
var _mKeyholeCopy = '{g->text text="Imagery (c)2007 " forJavascript=true}';
var _mScale = '{g->text text="Scale at the center of the map" forJavascript=true}';
var _mKilometers = '{g->text text="km" forJavascript=true}';
var _mMiles = '{g->text text="mi" forJavascript=true}';
var _mMeters = '{g->text text="m" forJavascript=true}';
var _mFeet = '{g->text text="ft" forJavascript=true}';
var _mDecimalPoint = '{g->text text="." hint="Decimal point" forJavascript=true}';
var _mThousandsSeparator = '{g->text text="," hint="Thousands separator" forJavascript=true}';
var _mMapErrorTile = "{g->text text="We are sorry, but we don't have maps at this zoom level for this region. Try zooming out for a broader look." forJavascript=true}";
var _mKeyholeErrorTile = "{g->text text="We are sorry, but we don't have imagery at this zoom level for this region. Try zooming out for a broader look." forJavascript=true}";
var _mTermsURL = '{g->text text="http://www.google.com/intl/en_ALL/help/terms_local.html" forJavascript=true}';
var _mStaticPath = '{g->text text="http://www.google.com/intl/en_ALL/mapfiles/" forJavascript=true}';
var _mDomain = '{g->text text="google.com" forJavascript=true}';
var _mApiBadKey = '{g->text text="The Google Maps API key used on this web site was registered for a different web site. You can generate a new key for this web site at http://www.google.com/apis/maps/" forJavascript=true}';

//Functions for the PAN & Zoom Custom controls
var ZoomOut; //this needs to be global to enable the Map type to change it
var ZoomSlide = [];

{if $map.MapControlType neq "None" and $map.MapControlType neq "Small" and $map.MapControlType neq "Large"}
function MyPanZoomControls() {ldelim}
{rdelim}
MyPanZoomControls.prototype = new GControl();

MyPanZoomControls.prototype.initialize = function(map) {ldelim}
var container = document.createElement("div");
container.style.fontSize = "8px";
container.style.lineHeight = "0.1cm";

var CenterBG = document.createElement("div");
this.setButtonStyle_(CenterBG,"{g->url href="modules/map/templates/controls/"}"+controlname+"/CenterBG.png","bk");
CenterBG.style.top = "0px";
CenterBG.style.left = "0px";
container.appendChild(CenterBG);

{section name=loop start=0 loop=20}
ZoomSlide[{$smarty.section.loop.index}] = document.createElement("div");
if (IEVersion) ZoomSlide[{$smarty.section.loop.index}].style.top = "{math equation=62+x*7 x=$smarty.section.loop.index}px";
else ZoomSlide[{$smarty.section.loop.index}].style.top = "{math equation=56+x*7 x=$smarty.section.loop.index}px";
ZoomSlide[{$smarty.section.loop.index}].style.left = "17px";
if ({$smarty.section.loop.index} < 2) ZoomSlide[{$smarty.section.loop.index}].style.visibility = "hidden";
this.setButtonStyle_(ZoomSlide[{$smarty.section.loop.index}],"{g->url href="modules/map/templates/controls/"}"+controlname+"/SlideNotch.png","z{$smarty.section.loop.index}");
container.appendChild(ZoomSlide[{$smarty.section.loop.index}]);
GEvent.addDomListener(ZoomSlide[{$smarty.section.loop.index}], "click", function() {ldelim}
map.setZoom({math equation=19-x x=$smarty.section.loop.index});
{rdelim});
{/section}

ZoomOut = document.createElement("div");
this.setButtonStyle_(ZoomOut,"{g->url href="modules/map/templates/controls/"}"+controlname+"/ZoomOut.png","zo");
ZoomOut.style.top = "205px";
ZoomOut.style.left = "17px";
container.appendChild(ZoomOut);
GEvent.addDomListener(ZoomOut, "click", function() {ldelim}
map.zoomOut();
{rdelim});

map.getContainer().appendChild(container);
return container;
{rdelim}

function setCustomZoom (map,zoomnumber) {ldelim}
map.setZoom(zoomnumber);
{rdelim}

MyPanZoomControls.prototype.setButtonStyle_ = function(button,imgfile,id) {ldelim}
var image = document.createElement("img");
if (!IEVersion || (IEVersion && IEVersion >= 7)) image.src = imgfile;
else {ldelim}
image.src = "{g->url href="modules/map/images/blank.gif"}";
image.style.filter = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+imgfile+"')";
{rdelim}
image.id = id;
button.appendChild(image);
button.style.cursor = "pointer";
button.style.position = "absolute";
button.style.color = "white";
button.style.font = "small Arial";
button.style.padding = "2px";
button.style.marginBottom = "3px";
button.style.textAlign = "center";
{rdelim}

MyPanZoomControls.prototype.getDefaultPosition = function() {ldelim}
return new GControlPosition({$map.MapControlPos},new GSize({$map.MapControlPosOffX},{$map.MapControlPosOffY}));
{rdelim}

//End of the functions for the custom PAN & Zoom controls

//Function for the Map Type custom controls
function MyMapTypeControls() {ldelim}
{rdelim}
MyMapTypeControls.prototype = new GControl();

MyMapTypeControls.prototype.initialize = function(map) {ldelim}
var container = document.createElement("div");

map.getContainer().appendChild(container);
return container;
{rdelim}

MyMapTypeControls.prototype.CreateTextEl_ = function(button,text) {ldelim}
var textel = document.createElement("div");
textel.style.position = "absolute";
textel.style.textAlign = "center";
if (!IEVersion) textel.style.top ="3px";
textel.style.left = "0px";
textel.style.zIndex = 101;
textel.style.width = "80px";
textel.innerHTML = text;
button.appendChild(textel);
{rdelim}

MyMapTypeControls.prototype.setButtonStyle_ = function(button,imgfile,id) {ldelim}
var image = document.createElement("img");
if (!IEVersion ||(IEVersion && IEVersion >= 7)) image.src = imgfile;
else {ldelim}
image.src = "{g->url href="modules/map/images/blank.gif"}";
image.style.filter = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+imgfile+"')";
{rdelim}
image.id = id;
button.appendChild(image);
button.style.cursor = "pointer";
button.style.position = "absolute";
button.style.color = "white";
button.style.font = "small Arial";
button.style.padding = "2px";
button.style.marginBottom = "3px";
button.style.textAlign = "center";
{rdelim}

MyMapTypeControls.prototype.getDefaultPosition = function() {ldelim}
return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(5,15));
{rdelim}

//END of the functions for the Map Type Custom Controls
{/if}

// ===== Show and Hide markers =====
function markerDisplay(number,show,type) {ldelim}
if (type != 'Regroup'){ldelim}
if ((show) && (!markers[number].onmap)) {ldelim}
if (DEBUGINFO) GLog.write('Normal Icon,show,'+number);
markers[number].onmap = true;
map.addOverlay(markers[number]);
{rdelim}
if ((!show) && (markers[number].onmap)) {ldelim}
if (DEBUGINFO) GLog.write('Normal Icon,hide,'+number);
markers[number].onmap = false;
map.removeOverlay(markers[number]);
{rdelim}
{rdelim}else{ldelim}
if ((show) && (!Rmarkers[number].onmap)) {ldelim}
if (DEBUGINFO) GLog.write('Regroup Icon,show,'+number);
Rmarkers[number].onmap = true;
map.addOverlay(Rmarkers[number]);
{rdelim}
if ((!show) && (Rmarkers[number].onmap)) {ldelim}
if (DEBUGINFO) GLog.write('Regroup Icon,hide,'+number);
Rmarkers[number].onmap = false;
map.removeOverlay(Rmarkers[number]);
{rdelim}
{rdelim}
{rdelim}
{if $map.fullScreen neq 3}
// ==== go start & remove history =======
function goStart() {ldelim}
if (DEBUGINFO) GLog.write('start of saved position');
returningToSaved = true;
map.closeInfoWindow();
map.returnToSavedPosition(); // takes some time for the map to move so
setTimeout('removeHistory()',500); // wait for the map to move so that the moveend is not fired
{rdelim}

function removeHistory() {ldelim}
var div_history = "";
view_history = []; // reset the history
div_history = _divhistorytext;
document.getElementById("div_history").innerHTML = div_history;
returningToSaved = false;
{rdelim}

// =========== goHistory ==================
// goes to a certain place in the view history
function goHistory(i) {ldelim}
var x=view_history[i][0];
var y=view_history[i][1];
var z=view_history[i][2];
view_history=view_history.splice(0,i);
map.setCenter(new GLatLng(x,y),z);
{rdelim}
// ====End history functions ========
{/if} {* end if $map.fullScreen neq 3 *}

{* Calculate the width and weight of the map div, it permits the use of percentages or fixed pixel size *}
var myWidth = {$map.mapWidth};
{if $map.mode eq "Normal"}var minusW = {if $map.sidebar eq 1 and $map.fullScreen eq 0}210{else}20{/if}{if ($map.LegendPos eq 0 and $map.LegendFeature neq '0' and ($map.AlbumLegend or $map.PhotoLegend or (isset($map.regroupItems) and $map.regroupItems))) or ($map.FilterFeature neq '0' and isset($map.ShowFilters) and $map.ShowFilters eq '2')}+155{/if};{/if}
{if $map.ThumbBarPos eq "3" or $map.ThumbBarPos eq "4"}
minusW +={$map.ThumbHeight}+30;
if (IEVersion) minusW += 10;
{/if}
{if $map.mode eq "Pick"} var minusW = 410; {/if}
{if $map.WidthFormat eq "%"} myWidth = getmapwidth(myWidth,minusW); {/if}

var myZoom = {$map.zoomLevel};

var markers = [];
var Rmarkers = [];
var arrowmarker;
var bounds = new GLatLngBounds();
var maxZoom = 10; // default to somewhat zoomed-out

{if $map.fullScreen neq 3}
/* functions related to the Thumbnail bar */
function show_arrow(number,xcoord,ycoord,type){ldelim}
if (DEBUGINFO) GLog.write('Show '+number+','+type);
if (DEBUGINFO) GLog.write('Hiding the Icon');
markerDisplay(number,0,type);
var Icon = new GIcon();
Icon.image = "{g->url href="modules/map/images/arrow.png"}";
Icon.iconSize = new GSize(20, 30);
Icon.iconAnchor = new GPoint(10, 30);
Icon.infoWindowAnchor = new GPoint(9, 2);
var Point = new GLatLng(xcoord, ycoord);
var newarrow = new GMarker(Point, Icon);
arrow = newarrow;
map.addOverlay(newarrow);
{rdelim}

function ShowMeTheMap(){ldelim}

if (DEBUGINFO) GLog.write('Initializing Map');
var marker_num = 0;
var Rmarker_num = 0;

if (DEBUGINFO) GLog.write('Create the Map');
//Google Map implementation
map = new GMap2(document.getElementById("map"));

if (DEBUGINFO) GLog.write('Add controls');
{if $map.MapControlType neq "None" and $map.MapControlType neq "Small" and $map.MapControlType neq "Large"}
map.addControl(new MyPanZoomControls());
{if (isset($map.showMapType) and ($map.showMapType))}map.addControl(new MyMapTypeControls());{/if}
{/if}

// ================= infoOpened LISTENER ===========
GEvent.addListener(map, "infowindowopen", function() {ldelim}
infoOpened = true; // set infoOpened to true to change the history text
{rdelim});
// ================= infoClosed LISTENER ===========
GEvent.addListener(map, "infowindowclose", function() {ldelim}
infoOpened = false; // set infoOpened to false
{rdelim});

//Register the key handlers
new GKeyboardHandler(map);

// bind a search control to the map, suppress result list
// map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));

//Show and position the MAP Large control
{if $map.MapControlType eq "Large"} map.addControl(new GLargeMapControl(),new GControlPosition({$map.MapControlPos},new GSize({$map.MapControlPosOffX},{$map.MapControlPosOffY}))); {/if}
//Show and position the MAP Small control
{if $map.MapControlType eq "Small"} map.addControl(new GSmallMapControl(),new GControlPosition({$map.MapControlPos},new GSize({$map.MapControlPosOffX},{$map.MapControlPosOffY}))); {/if}
{if ($map.MapControlType eq "Small" or $map.MapControlType eq "Large") and (isset($map.showMapType) and ($map.showMapType))}map.addControl(new GMapTypeControl());{/if}

{if isset ($map.GZoom) and $map.GZoom}
map.addControl(new GZoomControl(),new GControlPosition({$map.GZPos},new GSize({$map.GZPosOffX},{$map.GZPosOffY})));
{/if}
if (DEBUGINFO) GLog.write('Controls Added');
//Needed to show the scale
{if $map.mode eq "Pick" or $map.showScale} map.addControl(new GScaleControl()); {/if}

// bind a search control to the map, suppress result list
map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(10,20)));

//Initialize the zoom and center of the map where it need to be and the Map Type
if (DEBUGINFO) GLog.write('Set the center, zoom and map type');
if (DEBUGINFO) GLog.write("{$map.centerLongLat} "+myZoom+" {$map.mapType}");
var point = new GLatLng ({$map.centerLongLat});
map.setCenter(point, myZoom,{$map.mapType});
{if $map.mode eq "Pick"}
map.addOverlay(new GMarker(point));
{/if}
map.savePosition();
if (DEBUGINFO) GLog.write('done!');

if (DEBUGINFO) GLog.write('Creating the tooltip div');
tooltip = document.createElement("div");
map.getPane(G_MAP_FLOAT_PANE).appendChild(tooltip);
tooltip.style.visibility="hidden";
if (DEBUGINFO) GLog.write('done!');

{if $map.fullScreen eq 3}
if (document.all&&window.attachEvent) {ldelim} // IE-Win
window.attachEvent("onresize", function() {ldelim}this.map.onResize(){rdelim} );
{rdelim} else if (window.addEventListener) {ldelim} // Others
window.addEventListener("resize", function() {ldelim}this.map.onResize(){rdelim}, false );
{rdelim}
{/if}

{if $map.mode eq "Normal"}
//Add a function to update the markers/Slider when the zoom change
GEvent.addListener(map, "zoomend", function(oldZoom, zoom) {ldelim}
for (var i=0; i < markers.length; i++) {ldelim} //Updating the normal items
var marker = markers[i];
if (zoom <= marker.showLow && zoom >= marker.showHigh) {ldelim}
markerDisplay(i,1,'normal'); //marker.display(true);
var CorrectA = document.getElementById('thumb'+i);
if (CorrectA != null ) CorrectA.style.display = "inline";
{rdelim}
else {ldelim}
markerDisplay(i,0,'normal'); //marker.display(false);
var CorrectA = document.getElementById('thumb'+i);
if (CorrectA != null) CorrectA.style.display = "none";
{rdelim}
{rdelim}
for (var i=0; i < Rmarkers.length; i++) {ldelim} //Updating the Regrouped items
var marker = Rmarkers[i];
if (zoom <= marker.showLow && zoom >= marker.showHigh) {ldelim}
markerDisplay(i,1,'Regroup'); //marker.display(true);
{rdelim}
else {ldelim}
markerDisplay(i,0,'Regroup'); //marker.display(false);
{rdelim}
{rdelim}
myZoom = 19-zoom;
var zoom = 19-zoom;
var oldZoom = 19-oldZoom;
{if $map.MapControlType neq "None" and $map.MapControlType neq "Small" and $map.MapControlType neq "Large"}
if (!IEVersion ||(IEVersion && IEVersion >= 7)) {ldelim}
document.images['z'+zoom].src = "{g->url href="modules/map/templates/controls/"}{$map.MapControlType}/SlideSel.png";
document.images['z'+oldZoom].src = "{g->url href="modules/map/templates/controls/"}{$map.MapControlType}/SlideNotch.png";
{rdelim} else {ldelim}
document.images['z'+zoom].src = "{g->url href="modules/map/images/blank.gif"}";
document.images['z'+zoom].style.filter = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{g->url href="modules/map/templates/controls/"}{$map.MapControlType}/SlideSel.png')";
document.images['z'+oldZoom].src = "{g->url href="modules/map/images/blank.gif"}";
document.images['z'+oldZoom].style.filter = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{g->url href="modules/map/templates/controls/"}{$map.MapControlType}/SlideNotch.png')";
{rdelim}
{/if}
{rdelim});
if (DEBUGINFO) GLog.write('Zoom Listener entered');

// Create the overview Map
{if $map.GoogleOverview}
map.addControl(new GOverviewMapControl(new GSize({$map.GOSizeX}, {$map.GOSizeY})));
setTimeout(function() {ldelim}
var omap=document.getElementById("map_overview");
var mapdiv = document.getElementById("map");
omap.style.position = "relative";
omap.firstChild.style.background = "{$map.bodycolor}";
omap.firstChild.style.borderTop = "1px solid black";
omap.firstChild.style.borderLeft = "1px solid black";
omap.firstChild.firstChild.style.border = "1px solid black";

{if $map.GOPos eq "3" or $map.GOPos eq "1"}
omap.style.right = "{$map.GOPosOffX}px";
{else}
omap.style.left = "{$map.GOPosOffX}px";
{/if}
{if $map.GOPos eq "0" or $map.GOPos eq "1"}
omap.style.top = "{$map.GOPosOffY}px";
{else}
omap.style.bottom = "{$map.GOPosOffY}px";
{/if}
mapdiv.appendChild(omap);
{rdelim}, 1);
{/if}
if (DEBUGINFO) GLog.write('Overview created');

function showTooltip(marker) {ldelim}
tooltip.innerHTML = marker.tooltip;
var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.fromDivPixelToLatLng(new GLatLng(0,0),true),map.getZoom());
var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
var anchor=marker.getIcon().iconAnchor;
var width=marker.getIcon().iconSize.width;
var height=tooltip.clientHeight;
var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor.x + width, offset.y - point.y -anchor.y -height));
pos.apply(tooltip);
tooltip.style.visibility="visible";
{rdelim}

{if (isset($map.regroupItems) and $map.regroupItems)}
var replaceIcon = new GIcon(BaseIcon);
replaceIcon.iconSize = new GSize({$map.ReplaceMarkerSizeX},{$map.ReplaceMarkerSizeY});
replaceIcon.shadowSize = new GSize({$map.ReplaceMarkerSizeX}+15,{$map.ReplaceMarkerSizeY});
replaceIcon.iconAnchor = new GPoint({$map.replaceAnchorPos});
replaceIcon.image = "{g->url href="modules/map/images/multi/`$map.regroupIcon`.png"}";

map.addOverlay(marker);

if (hide==1) markerDisplay(marker_num-1,0,'normal');
{rdelim}

//Create the base for all icons
var BaseIcon = new GIcon();
BaseIcon.shadow = "{g->url href="modules/map/images/marker_shadow.png"}";
BaseIcon.iconSize = new GSize({$map.MarkerSizeX},{$map.MarkerSizeY});
BaseIcon.shadowSize = new GSize({$map.MarkerSizeX}+15,{$map.MarkerSizeY});
BaseIcon.iconAnchor = new GPoint(6, 20);
BaseIcon.infoWindowAnchor = new GPoint(5, 1);

{if (isset($map.regroupItems) and $map.regroupItems)}
/*Loop over the Regroup Markers and show them */
{foreach from=$map.RegroupItems item=Rpoint}
CreateRegroup({$Rpoint.gps},{$Rpoint.regroupShowLow},{$Rpoint.regroupShowHigh},{$Rpoint.directItems}, {$Rpoint.items}, {$Rpoint.groups});
{/foreach}
{/if}

/* Loop over gallery items that have GPS coordinates
and output code to add them to the map. */
{if (!empty($map.mapPoints))}
{counter name="num" start=-1 print=false}
{counter name="num1" start=-1 print=false}
{counter name="num2" start=-1 print=false}
{counter name="num3" start=-1 print=false}
{counter name="num4" start=-1 print=false}
{foreach from=$map.mapPoints item=point}
{if $map.ThumbBarPos neq "0" and $map.fullScreen neq 3}
/* creates the Thumbnail bar as we go */
var style = "";
//map.setCenter(new GPoint({$point.gps}));
sidebarhtml += '<a id="thumb{counter name="num3"}" '+style+' href="#" onclick="GEvent.trigger(markers[{counter name="num2"}],\'click\'); return false;" onmouseover="show_arrow({counter name="num"},{$point.gps},\'normal\');" onmouseout="hide_arrow({counter name="num1"},\'normal\');"><img style="{if $map.ThumbBarPos eq "3" or $map.ThumbBarPos eq "4"}width{else}height{/if}:{$map.ThumbHeight}px;" src="{$point.thumbLink}"/>{if $map.ThumbBarPos eq "3" or $map.ThumbBarPos eq "4"}<br/>{/if}<\/a>';
sidebarsize +={if $map.ThumbBarPos eq "3" or $map.ThumbBarPos eq "4"}{$point.thumbbarHeight}{else}{$point.thumbbarWidth}{/if}+2;
{/if}
{if $point.type eq "GalleryAlbumItem"}
{assign var=itemType value="album"}
{assign var=markerSet value="`$map.useAlbumMarkerSet`"}
{assign var=markerColor value="`$map.defaultalbumcolor`"}
{elseif $point.type eq "GoogleMapGroup"}
{assign var=itemType value="group"}
{assign var=markerSet value="`$map.useGroupMarkerSet`"}
{assign var=markerColor value="`$map.defaultgroupcolor`"}
{else}
{assign var=itemType value="photo"}
{assign var=markerSet value="`$map.useMarkerSet`"}
{assign var=markerColor value="`$map.defaultphotocolor`"}
{/if}
{assign var=iconDef value="Default"}
{if $point.color neq "default"}
var {$itemType}Icon = new GIcon(Default{$itemType}Icon);
{assign var=iconDef value=""}{* Clear the "Default" and flag that we declared the variable *}
{assign var=markerColor value="`$point.color`"}
{$itemType}Icon.image = "{g->url href="modules/map/images/markers/`$markerSet`/marker_`$point.color`.png"}";
{/if}
{* quick hacky fix for missing numbered markers *}
{if $map.EnableRouteNumber}
{foreach from=$map.routeitem key=name item=items}
{foreach from=$items item=id key=num}
{if $point.id == $id}
{if $iconDef eq "Default"}{* variable hasn't been declared yet *}
{assign var=iconDef value=""}{* Clear the "Default" text *}
var {$itemType}Icon = new GIcon(Default{$itemType}Icon);
{/if}
{$itemType}Icon.image = "{g->url href="modules/map/images/routes/`$name`/`$num+1`-marker_`$markerColor`.png"}";
{/if}
{/foreach}
{/foreach}
{/if}
{if $point.id|truncate:1:"" neq 'T'}
CreateMarker({$point.gps}, "{$point.itemLink}", "{$point.title|markup|escape:"javascript"}", "{$point.thumbLink}", "{$point.created}", {$point.zoomlevel}, {$point.thumbWidth}, {$point.thumbHeight},
{if $map.showItemSummaries && !empty($point.summary)} "{$point.summary|markup|escape:"javascript"}"{else}""{/if}
,
{if $map.showItemDescriptions && !empty($point.description)} "{$point.description|markup|escape:"javascript"}"{else}""{/if}
,
{$iconDef}{$itemType}Icon
, {$point.regroupShowLow},{$point.regroupShowHigh},0,"{$point.type}");
{/if}
{/foreach}

{if isset($map.ThumbBarPos) and $map.ThumbBarPos neq 0 and $map.fullScreen neq 3}
var thumbdiv = document.getElementById("thumbs");
thumbdiv.innerHTML = sidebarhtml;
var mapdiv = document.getElementById("map");

{if $map.ThumbBarPos eq "1" or $map.ThumbBarPos eq "2"}
if (sidebarsize+1 > myWidth) sidebarheight = {$map.ThumbHeight+25};
thumbdiv.style.height = sidebarheight+"px";
{else}
{* Should this be $map.ThumbWidth? *}
if (sidebarsize+1 > myHeight) sidebarwidth = {$map.ThumbHeight+25};
thumbdiv.style.width = sidebarwidth+"px";
{/if}

{/if}

/* Loop over routes if any and display them */
{if (!empty($map.Routes))}
var point;
{foreach from=$map.Routes item=routes}
var points = [];
{if $routes.5 eq "Yes"}
{foreach from=$routes[7] item=point}
point = new GLatLng({$point[0]},{$point[1]});
points.push(point);
{if (isset($map.Filter) and (($map.Filter|truncate:5:"" eq 'Route')))}bounds.extend(point);{/if}
{/foreach}
map.addOverlay(new GPolyline(points,"{$routes[2]}",{$routes[3]},{$routes[4]}));
{/if}
{/foreach}
{/if}

{if $map.AutoCenterZoom and (!isset($map.Filter) or (isset($map.Filter) and (($map.Filter|truncate:5:"" eq 'Route') or ($map.Filter|truncate:5:"" eq 'Album') or ($map.Filter|truncate:5:"" eq 'Group'))))}
map.setCenter(bounds.getCenter(), Math.min(map.getBoundsZoomLevel(bounds), maxZoom));
map.savePosition();
{/if}
{if $map.fullScreen neq 3}

// check for movment of the map and add links to the history
view_history = [];
returningToSaved = false;
last_zoom = false;
last_center = map.getCenter();
last_zoom = map.getZoom();
infoOpened = false; // set to true when an info window is opened.
GEvent.addListener(map, "moveend", function () {ldelim}
if (!returningToSaved) {ldelim}
if (DEBUGINFO) GLog.write('moveend fired');
center = map.getCenter();
bounds = map.getBounds();
zoom = map.getZoom();
var div_history = _divhistorytext;
div_history += '<a href="javascript:goStart();">Start</a>';
var tag = "move";
if (zoom != last_zoom) {ldelim}
tag = "zoom";
last_zoom = map.getZoom();
{rdelim}
if (infoOpened) {ldelim}
tag = "window";
infoOpened = false;
{rdelim}
view_history[view_history.length]=new Array(center.y,center.x,zoom,tag);
if (view_history.length > 10) {ldelim} // trim the # of links in history
view_history.shift();
{rdelim}
// loop through the history and write the links
for (var j=1; j < view_history.length; j++) {ldelim}
div_history += "-> "; // text before the link
div_history += '<a href="javascript:goHistory('+(j-1)+');">'+view_history[j][3]+'</a>';
{rdelim}
div_history += ''; // add text to the end if needed
document.getElementById("div_history").innerHTML = div_history;
{rdelim}
{rdelim});
{/if} {* end $map.fullScreen neq 3}

{* set the correct zoom slide notch and show/hide the regrouped item *}
zoom = map.getZoom();
myZoom = 19-zoom;
{if $map.MapControlType neq "None" and $map.MapControlType neq "Small" and $map.MapControlType neq "Large"}
if (!IEVersion ||(IEVersion && IEVersion >= 7)) document.images['z'+myZoom].src = "{g->url href="modules/map/templates/controls/`$map.MapControlType`/SlideSel.png"}";
else {ldelim}
document.images['z'+myZoom].src = "{g->url href="modules/map/images/blank.gif"}";
document.images['z'+myZoom].style.filter = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{g->url href="modules/map/templates/controls/`$map.MapControlType`/SlideSel.png"}')";
{rdelim}
{/if}
for (var i=0; i < markers.length; i++) {ldelim} //Updating the normal items
var marker = markers[i];
if (zoom <= marker.showLow && zoom >= marker.showHigh) {ldelim}
markerDisplay(i,1,'normal'); //marker.display(true);
var CorrectA = document.getElementById('thumb'+i);
if (CorrectA != null ) CorrectA.style.display = "inline";
{rdelim}
else {ldelim}
markerDisplay(i,0,'normal'); //marker.display(false);
var CorrectA = document.getElementById('thumb'+i);
if (CorrectA != null) CorrectA.style.display = "none";
{rdelim}
{rdelim}
for (var i=0; i < Rmarkers.length; i++) {ldelim} //Updating the normal items
var marker = Rmarkers[i];
if (zoom <= marker.showLow && zoom >= marker.showHigh) {ldelim}
markerDisplay(i,1,'Regroup'); //marker.display(true);
{rdelim}
else {ldelim}
markerDisplay(i,0,'Regroup'); //marker.display(false);
{rdelim}
{rdelim}

{/if}

{if $map.mode eq "Pick"}
GEvent.addListener(map, "moveend", function() {ldelim}
var center = map.getCenter();
map.clearOverlays();
map.addOverlay(new GMarker(center));
var latLngStr = center.toUrlValue(6);
document.getElementById("message_id").innerHTML = '(' + latLngStr + ')';
document.getElementById("coord").value = latLngStr;
{rdelim});

GEvent.addListener(map, 'click', function(overlay, point) {ldelim}
map.clearOverlays();
if (point) {ldelim}
map.addOverlay(new GMarker(point));
map.panTo(point);
var latLngStr = point.toUrlValue(6);
document.getElementById("message_id").innerHTML = '(' + latLngStr + ')';
document.getElementById("coord").value = latLngStr;
{rdelim}
{rdelim});
GEvent.addListener(map, 'zoomend', function(oldZoomLevel, newZoomLevel) {ldelim}
var center = '' + newZoomLevel
document.getElementById("zoom_id").innerHTML = center;
document.getElementById("zoom").value = center;
var zoom = 19-newZoomLevel;
var oldZoom = 19-oldZoomLevel;
{if $map.MapControlType neq "None" and $map.MapControlType neq "Small" and $map.MapControlType neq "Large"}
if (!IEVersion ||(IEVersion && IEVersion >= 7)) {ldelim}
document.images['z'+zoom].src = "{g->url href="modules/map/templates/controls/"}{$map.MapControlType}/SlideSel.png";
document.images['z'+oldZoom].src = "{g->url href="modules/map/templates/controls/"}{$map.MapControlType}/SlideNotch.png";
{rdelim} else {ldelim}
document.images['z'+zoom].src = "{g->url href="modules/map/images/blank.gif"}";
document.images['z'+zoom].style.filter = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{g->url href="modules/map/templates/controls/"}{$map.MapControlType}/SlideSel.png')";
document.images['z'+oldZoom].src = "{g->url href="modules/map/images/blank.gif"}";
document.images['z'+oldZoom].style.filter = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{g->url href="modules/map/templates/controls/"}{$map.MapControlType}/SlideNotch.png')";
{rdelim}
{/if}
{rdelim});
{/if}
{rdelim} /* end ShowMeTheMap() */

{if $map.mode eq "Normal" and $map.fullScreen neq 3}
function togglealbumlegend()
{ldelim}
if (document.getElementById) {ldelim} // standard
var displaystyle = document.getElementById("albumlegend").style.display;
document.getElementById("albumlegend").style.display = (displaystyle == "none" ? "block":"none");
{rdelim} else if (document.all){ldelim} // old msie versions
var displaystyle = document.all["albumlegend"].style.display;
document.all["albumlegend"].style.display = (displaystyle == "none" ? "block":"none");
{rdelim} else if (document.layers){ldelim} // nn4
var displaystyle = document.layers["albumlegend"].style.display;
document.layers["albumlegend"].style.display = (displaystyle == "none" ? "block":"none");
{rdelim}
var imgsrc = document.albumarrow.id;
document.albumarrow.src = (imgsrc == "down" ? "{g->url href="modules/map/images/up.png"}":"{g->url href="modules/map/images/down.png"}");
document.albumarrow.id = (imgsrc == "down" ? "up":"down");
{rdelim}

function strLeft(kstr,kchar)
{ldelim}
var retVal = "-1";

if (kstr.indexOf (kchar) > -1)
retVal =
kstr.substring (0, kstr.indexOf(kchar));
return(retVal);

{rdelim}
function strRight(kstr, kchar)
{ldelim}
var retVal = "-1";

if (kstr.indexOf(kchar) > -1 )
retVal =
kstr.substring(kstr.indexOf(kchar) + kchar.length,
kstr.length);
return(retVal);
{rdelim}

{rdelim}
{rdelim}
{/if}

if (document.all&&window.attachEvent) {ldelim} // IE-Win
window.attachEvent("onload", ShowMeTheMap);
window.attachEvent("onunload",GUnload);
{rdelim} else if (window.addEventListener) {ldelim} // Others
window.addEventListener("load", ShowMeTheMap, false);
window.addEventListener("unload", GUnload, false);
{rdelim}

var GoogleMap = true;

//]]>
</script>
{/if}

I don't know how to add it in the module (just a hack that works) but if anyone can do that like a new option, i think it's an important functionnality...

thanks for your help!

Login or register to post comments

[module MAP] geocoding field with gmap?

XUser login