├── Change Log.txt
├── README
├── docs.html
├── examples1.html
├── examples2.html
└── third_party
    └── gmap
        ├── config.php
        ├── config
            └── gmap.php
        ├── ft.gmap.php
        ├── language
            ├── dutch
            │   └── lang.gmap.php
            ├── english
            │   └── lang.gmap.php
            ├── french
            │   └── lang.gmap.php
            ├── norwegian
            │   └── lang.gmap.php
            └── spanish
            │   └── lang.gmap.php
        ├── pi.gmap.php
        └── views
            ├── field_type
                ├── gmap.js
                └── settings.php
            └── map.php


/Change Log.txt:
--------------------------------------------------------------------------------
 1 | /**
 2 | * Google Maps for ExpressionEngine
 3 | * Author: Justin Kimbrell
 4 | * Build: 2.5 - Jan 31, 2012
 5 | * Copyright 2011 - All rights reserved
 6 | * http://objectivehtml.com, http://inthesaucepan.com
 7 | */
 8 | 
 9 | Version 2.5
10 | -----------
11 | Version 2.x has officially come to a close. I am only leaving it available for those that need a free solution. This version will not be officially supported. Everyone is encouraged to upgrade to v3. I put A LOT of time and hard work into v3 and is something I am extremely proud of. Thanks for everyone who supported this add-on, and I hope you continue to support v3.
12 | 
13 | I also updated the download package with the original documentation and examples, as they are no longer available online.
14 | 
15 | Version 2.4 12/28/2011
16 | ----------------------
17 | Merged a pull request, bug fixes, and deleted all the code for advanced features rendering this the "free" version of Google Maps for ExpressionEngine. All features in the previous v2.3 beta have been merged into the v3 release. Commercial release is coming soon with all new advanced features and a complete rewrite of the code based.
18 | 
19 | 
20 | Version 2.3 BETA Build 7/20/2011
21 | --------------------------------
22 | Added basic form validation using CodeIngiter's validation class. Added the ability to geocode multiple locations. Fixed a bug that caused errors and notices when an invalid location was thrown at the geocoded.
23 | 
24 | Version 2.3 BETA Build 7/11/2011
25 | --------------------------------
26 | Fixed the bug that caused the map to clip when it was hidden before initialization (for the fieldtype).
27 | 
28 | Version 2.3 BETA Build 7/07/2011
29 | --------------------------------
30 | A number of bug fixes for the search and results methods.
31 | 
32 | 
33 | Version 2.3 BETA Build 6/22/2011
34 | --------------------------------
35 | A number a significant improvements have been made to more easily search your channel data in relation to a specific location. Currently the user can only define the location, not the developer. However, this will not be the case in future builds. A new result method tracks the search search results that also integrates well with the channel:entries tag. Much more to come in this release. (This is the first BETA build of 2.3)
36 | 
37 | Version 2.2.1 Build 6/13/2011
38 | -----------------------
39 | Minor bug fixes that dealt with the field type and safecracker that caused some installations no to update the lat and lng. Also fixed the long time bug that caused conditional statements no to process correctly inside javascript. (Now $config['protect_javascript'] = 'n';)
40 | 
41 | Version 2.2 Build 6/10/2011
42 | ----------------------
43 | Version 2.2 brings a load of new features to the table. Here are the major ones:
44 | 
45 | Create maps with custom marker icons
46 | Create maps with custom styles using the Google Maps API Styles Map Wizard
47 | 5 all new methods for further extendability including: gmap:marker, gmap:dropdown, gmap:center, gmap:zoom, and gmap:init.
48 | Fully compatible with Matrix (with SafeCracker coming before the final release)
49 | Display one info window at a time
50 | Add control over the default zoom functionality
51 | New gmap:dropdown method can be used to auto-populate a dropdown menu with the markers on the map.
52 | All new fieldtype with a very simple drag and drop interface to geocode a matrix of coordinates.
53 | Limit number of markers that can be added to the fieldtype.
54 | Populate custom latitude and longitude fields with the individual degrees.
55 | Available in 5 languages: English, French, Dutch, Norwegian, and Spanish
56 | Compatibility with SafeCracker, NSM Add-on Updater, and the new @ee_zoo's new Visitor
57 | 
58 | 
59 | Version 2.1.3 Build 5/9/2011
60 | ----------------------
61 | Added the ability to search custom fields like the inherent exp:channel:entries tag. (search:custom_field="some value").
62 | 
63 | 
64 | Version 2.1.2 Build 5/9/2011
65 | ----------------------
66 | Fixed the a problem the with double-quotes breaking the javascript. The markup that is now inserted into the info window is now escaped.
67 | 
68 | 
69 | Version 2.1.1 Build 5/5/2011
70 | ----------------------
71 | Fixed a typo the caused a JavaScript error in IE that resulted in the maps not displaying properly.
72 | 
73 | 
74 | Version 2.1 Build 5/2/2011
75 | ----------------------
76 | Core plugin code was completely rewritten for comprehension and for easier long-term support. The original API was unchanged, except with the addition of several new features. Added latitude_field, longitude_field, and zoom_field to pull the respective values from a specified channel. Plot or center on a static longitude and latitude coordinate. Now able to add multiple static addresses. The only required field is now the id. A lot of rules were changes in how data interacts with the map. If the address or coordinates are blank coming from the channel, the record is ignored. You can define a single channel that stores address and coordinates and plot them on a single map. The idea of the upgrade was to be less restrictive.
77 | 
78 | 
79 | Version 2.0 Build 4/23/2011
80 | ----------------------
81 | Completely revamped the Google Map implementation within the native channel:entries tag instead of using a proprietary syntax. Google Maps v3.0 API was used instead of 2.0 which comes with mobile support. All v3.0 options are available.


--------------------------------------------------------------------------------
/README:
--------------------------------------------------------------------------------
1 | Google Maps for ExpressionEngine
2 | Version 2.5 -  January 31, 2012
3 | Copyright 2012 - Justin Kimbrell
4 | http://objectivehtml.com/google-maps
5 | 
6 | Please upgrade to version 3, it's a lot better anyway!


--------------------------------------------------------------------------------
/docs.html:
--------------------------------------------------------------------------------
   1 | <!DOCTYPE html>
   2 | 
   3 | <html lang="en" class="no-js">
   4 | 
   5 | <head>
   6 | 
   7 | 	<title>Objective HTML by Justin Kimbrell - Google Maps for ExpressionEngine</title>
   8 | 	
   9 | 	<meta charset="utf-8" />
  10 | 
  11 | <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  12 | 
  13 | <meta name="description" content="" />
  14 | <meta name="keywords" content="object-oriented jquery ExpressionEngine javascript web mobile objective html html5 CSS3 standards " />
  15 | 
  16 | <meta name="author" content="Justin Kimbrell" />
  17 | <meta name="Copyright" content="Copyright objectivehtml.com 2010. All Rights Reserved." />
  18 | 
  19 | <meta name="DC.title" content="objectivehtml.com" />
  20 | <meta name="DC.subject" content="Objectively written web applications and plugins." />
  21 | <meta name="DC.creator" content="Justin Kimbrell" />
  22 | 
  23 | <meta name="google-site-verification" content="" />
  24 | 
  25 | <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=no;" />
  26 | 		
  27 | <link rel="shortcut icon" href="/-/media/favicon.png" />
  28 | 	
  29 | <link rel="stylesheet" href="/-/css/master.css" media="screen" />
  30 | 
  31 | <style type="text/css">
  32 | 	html, body {
  33 | 	font-family: Arial,sans-serif;
  34 | 	margin: 0;
  35 | 	padding: 0;
  36 | 	background: rgb(14, 14, 14);
  37 | 	color: rgb(64, 64, 64);
  38 | 	}
  39 | 	
  40 | 	.body {
  41 | 		background: rgb(222, 222, 222);
  42 | 		}
  43 | 
  44 | 
  45 | /* Global Styles */
  46 | 
  47 | h1 { 
  48 | 	font-family: "adrianna-1","adrianna-2",sans-serif; 
  49 | 	font-weight: 100;
  50 | 	}
  51 | 	
  52 | h2, h2 a {
  53 | 	font-size: 1.65em;
  54 | 	font-family: "comenia-sans-web-1","comenia-sans-web-2",sans-serif;
  55 | 	text-shadow: 0 1px 0 rgb(222, 222, 222);
  56 | 	color: rgb(64, 64, 64);
  57 | 	text-decoration: none;
  58 | 	margin: 2em 0 1em 0;
  59 | 	}
  60 | 		
  61 | h3, button, h3 a {
  62 | 	font-family: "comenia-sans-web-1","comenia-sans-web-2",sans-serif;
  63 | 	text-shadow: 0 1px 0 rgb(222, 222, 222);
  64 | 	color: rgb(64, 64, 64);
  65 | 	text-decoration: none;
  66 | 	}
  67 | 
  68 | h4 {
  69 | 	font-family: "lemonde-journal-1","lemonde-journal-2",serif;
  70 | 	font-size: 1.1em;
  71 | 	font-weight: normal;
  72 | 	padding: 1em 0;
  73 | 	}
  74 | 
  75 | 	h4 a {
  76 | 		color: rgb(77, 77, 77);
  77 | 		}
  78 | 		
  79 | h5 {
  80 | 	font-weight: bold;
  81 | 	font-size: 1.1em;
  82 | 	}
  83 | 		
  84 | 	h5 a {
  85 | 		color: rgb(64, 64, 64);
  86 | 		text-decoration: none;
  87 | 		}
  88 | 		
  89 | 		h5 a:hover {
  90 | 			text-decoration: underline;
  91 | 			}
  92 | 	
  93 | a {}
  94 | 
  95 | p { margin-bottom: 1em; }
  96 | 
  97 | input {
  98 | 	padding: 5px 7px 6px;
  99 | 	background: white;
 100 | 	border: none;
 101 | 	font-size: 14px;
 102 | 	-moz-border-radius: 5px;
 103 | 	-webkit-border-radius: 5px;
 104 | 	border-radius: 5px;
 105 | 	-moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, .5);
 106 |    	-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, .5);
 107 |    	box-shadow:inset 0 0 5px rgba(0, 0, 0, .5);
 108 | 	}
 109 | 	
 110 | /* Self-clearing Floats */
 111 | 
 112 | .group:after {
 113 | 	content: ".";
 114 | 	display: block;
 115 | 	height: 0;
 116 | 	clear: both;
 117 | 	visibility: hidden;
 118 | 	}
 119 | 	
 120 | 	
 121 | /* Header */
 122 | 
 123 | header {
 124 | 	padding: 1.1em .5em 1.1em 2em;
 125 | 	background-color: black;
 126 | 	position: relative;
 127 | 	margin-bottom: 2em;
 128 | 	min-height: 25px;
 129 | 	background: #0e0e0e; /* old browsers */
 130 | 	background: -moz-linear-gradient(top, #0e0e0e 11%, #444444 100%); /* firefox */
 131 | 	background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#0e0e0e), color-stop(100%,#444444)); /* webkit */
 132 | 
 133 | 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#444444',GradientType=0 ); /* ie */
 134 | 	}
 135 | 	
 136 | 	header a {
 137 | 		color: rgb(255, 255, 255); 
 138 | 		text-decoration: none;
 139 | 		}
 140 | 	
 141 | 	h1 {
 142 | 		float: left;
 143 | 		}
 144 | 		
 145 | 		h1 a { 
 146 | 			font-size: 2em;
 147 | 			letter-spacing: 2px;
 148 | 			color: rgb(238, 223, 113);
 149 | 			}
 150 | 			
 151 | 			h1 a:hover {
 152 | 				text-shadow: 0 0 10px rgb(238, 223, 113);
 153 | 				}
 154 | 		
 155 | 	nav {
 156 | 		float: right;
 157 | 		margin-top: .5em;
 158 | 		}
 159 | 		
 160 | 		nav ul {}
 161 | 		
 162 | 			nav li {
 163 | 				display: inline;
 164 | 				float: left;
 165 | 				}
 166 | 
 167 | 				nav li a {
 168 | 					padding: 25px 20px 22px;
 169 | 					font-size: 18px;
 170 | 					border-left: 1px solid rgba(0, 0, 0, 0.3);
 171 | 					border-right: 1px solid rgba(255, 255, 255, .1);
 172 | 					text-shadow: 0px -1px 0px rgb(63, 63, 63);
 173 | 					color: rgb(198, 198, 198);
 174 | 					}
 175 | 					
 176 | 					nav li a:hover {
 177 | 						text-shadow: 0 0 15px #fff;
 178 | 						}
 179 | 				
 180 | 				nav li a.first { border-left: none; }
 181 | 				nav li a.last { border-right: none; }
 182 | 				
 183 | 				body.articles nav .articles,
 184 | 				body.examples nav .examples,
 185 | 				body.plugins nav .plugins {
 186 | 					background: #444444; /* old browsers */
 187 | 					background: -moz-linear-gradient(top, #444444 0%, #232323 50%, #444444 99%); /* firefox */
 188 | 					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(50%,#232323), color-stop(99%,#444444)); /* webkit */
 189 | 					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=0 ); /* ie */
 190 | 					text-shadow: none;
 191 | 					}
 192 | 
 193 | 				body.articles nav .articles {
 194 | 					border-left: 1px solid rgba(255, 255, 255, .1);
 195 | 					}
 196 | /* Body */
 197 | 
 198 | #page {
 199 | 	clear: left;
 200 | 	width: 100%;
 201 | 	max-width: 800px;
 202 | 	margin: 0 auto 80px;
 203 | 	padding: 0 50px;
 204 | 	}
 205 | 	
 206 | 	.article #page {
 207 | 		}
 208 | 	
 209 | 	#page h3 {
 210 | 		font-size: 1.6em;
 211 | 		padding: 1em 0 .75em;
 212 | 		text-shadow: 0px 1px 0px rgb(255, 255, 255);
 213 | 		}
 214 | 		
 215 | 		#page h3.month {
 216 | 			padding: .5em 0 0;
 217 | 			font-size: 1.6em;
 218 | 			}
 219 | 		
 220 | 	#page article {
 221 | 		margin-bottom: 1em;
 222 | 		padding: .75em;
 223 | 		line-height: 1.3em;
 224 | 		}
 225 | 					
 226 | 		#page article p {
 227 | 			line-height: 1.5em;
 228 | 			}
 229 | 		
 230 | 		#page article a {
 231 | 			color: rgb(105, 155, 3);
 232 | 			}
 233 | 			
 234 | 	
 235 | 	/*-------------------------------------------    
 236 | 		Documentation
 237 | 	-------------------------------------------*/
 238 | 	
 239 | 	.documentation #page h2 { display: none; }
 240 | 	
 241 | 	.documentation #page h3 {
 242 | 		padding: 1em 0 0;
 243 | 		}
 244 | 	
 245 | 	#page .documentation { padding:0 1em .5em;}
 246 | 		
 247 | 		#page .documentation h4 {
 248 | 			padding: .6em 0;
 249 | 			font-weight: bold;
 250 | 			}
 251 | 		
 252 | 		#page .documentation .links {
 253 | 			float: right;
 254 | 			}
 255 | 			
 256 | 			.documentation.list #page .documentation .links,
 257 | 			.documentation.list #page .documentation .table-of-contents {
 258 | 				display: none;
 259 | 				}
 260 | 								
 261 | 			#page .documentation ol { 
 262 | 				margin: 0 0 2em 2em;
 263 | 				}
 264 | 				
 265 | 			#page .documentation .links li {
 266 | 				display: block;
 267 | 				list-style-type: none;
 268 | 				padding: .25em 0;
 269 | 				}
 270 | 				
 271 | 				#page .documentation .links li a {
 272 | 					text-decoration: none;
 273 | 					padding: 1em 35px;
 274 | 					}
 275 | 			
 276 | 				#page .documentation .links .examples {
 277 | 					background: url(/-/media/html_file.png) left 13px no-repeat;
 278 | 					}
 279 | 					
 280 | 				#page .documentation .links .download {
 281 | 					background: url(/-/media/save.png) left 10px no-repeat;
 282 | 					}
 283 | 		
 284 | 		#page .documentation .tab { margin-bottom: 30px; }
 285 | 		
 286 | 		#page .documentation h5 {
 287 | 			display: block;
 288 | 			margin: .75em 0;
 289 | 			}
 290 | 			
 291 | 		#page .documentation .description { display: none; }
 292 | 		
 293 | 			.list #page .documentation .description { display: block; }
 294 | 		
 295 | 		#page .documentation .examples { float: right; }
 296 | 		
 297 | 		#page .documentation .release-notes {
 298 | 			overflow: hidden;
 299 | 			margin: 1.5em 0;
 300 | 			}
 301 | 			
 302 | 			#page .documentation .release-notes dt {
 303 | 				display: inline;
 304 | 				float: left;
 305 | 				clear: left;
 306 | 				width: 120px;
 307 | 				padding: 3px 0;
 308 | 				}
 309 | 			
 310 | 			#page .documentation .release-notes dd {
 311 | 				display: inline;
 312 | 				float: left;
 313 | 				padding: 3px 0;
 314 | 				}
 315 | 					
 316 | 		#page .documentation p {
 317 | 			line-height: 1.25em;
 318 | 			}
 319 | 			
 320 | 		#page .documentation .features ul { 
 321 | 			padding: 0 20px;
 322 | 			margin-bottom: 30px;
 323 | 			}
 324 | 			
 325 | 			#page .documentation .features li {
 326 | 				line-height: 1.3em;
 327 | 				}
 328 | 	
 329 | 		#page .option-description dl { padding: 10px; }
 330 | 			
 331 | 			#page .option-description dt {
 332 | 				font-weight: bold;
 333 | 				}
 334 | 				
 335 | 			#page .option-description dd {
 336 | 				padding: 5px;
 337 | 				margin-bottom: 10px;
 338 | 				}
 339 | 	
 340 | 	.documentation.list .documentation dl,
 341 | 	.documentation.list .documentation div { display: none; }
 342 | 	.documentation.list .documentation div.description h5 {display: none !important;}
 343 | 	
 344 | 		.documentation.list .documentation div.description { 
 345 | 			display: block;
 346 | 			padding: 1em 1em 0;
 347 | 			}
 348 | 	
 349 | 	.documentation.list  #page article { 
 350 | 		margin-bottom: 0;
 351 | 		padding-top: 0;
 352 | 		}
 353 | 
 354 | 		.documentation.list #page h3 {
 355 | 			padding-bottom: .5em;
 356 | 			}
 357 | 			
 358 | 		.documentation.list #page h4 {
 359 | 			display: none;
 360 | 			}
 361 | 					
 362 | 					
 363 | 	
 364 | 	/* Examples */
 365 | 	
 366 | 	.examples #page {
 367 | 		padding-top: .5em;
 368 | 		}
 369 | 			
 370 | 		.examples h2 { 
 371 | 			display: none;		
 372 | 			margin-bottom: 0;
 373 | 			}
 374 | 		
 375 | 		.example h2 .reference-link {
 376 | 			font-size: .65em;
 377 | 			margin: .5em 0 0;
 378 | 			font-family: "lemonde-journal-1","lemonde-journal-2",serif;
 379 | 			color: rgb(105, 155, 3);
 380 | 			font-weight: normal;
 381 | 			float: right;
 382 | 			}
 383 | 			
 384 | 			.example h2 a.reference-link:hover {
 385 | 				text-decoration: underline;
 386 | 				}
 387 | 			
 388 | 		.examples #page li { 
 389 | 			list-style-type: none;
 390 | 			padding-bottom: 2em;
 391 | 			}
 392 | 			
 393 | 	.examples.list #page article ul {
 394 | 		margin: 0 1em;
 395 | 		}
 396 | 		
 397 | 		.examples.list #page article li p {
 398 | 			margin: .5em .2em;
 399 | 			}
 400 | 		
 401 | 	.example time { display: none !important; }
 402 | 	
 403 | 	.example #page .example {
 404 | 		clear: both;
 405 | 		padding: 2em 0;
 406 | 		}
 407 | 		
 408 | 		.example #page .example form {
 409 | 			margin: 1em 0;
 410 | 			}
 411 | 			
 412 | 			.example #page input.invalid {
 413 | 				border: 2px solid red;
 414 | 				}
 415 | 			
 416 | 			.example #page input.valid {
 417 | 				border: 2px solid green;
 418 | 				}
 419 | 						
 420 | 		.example #page .example h4.author {
 421 | 			display: none;
 422 | 			}
 423 | 			
 424 | 		.example #page .example .map {
 425 | 			width: 400px;
 426 | 			height: 250px;
 427 | 			float: right;
 428 | 			}
 429 | 		
 430 | 		.example #page .example .box {
 431 | 			padding: .5em .6em;
 432 | 			background-color: rgb(203, 224, 252);
 433 | 			margin: 2em 0 1em;
 434 | 			display: block;
 435 | 			}
 436 | 			
 437 | 		.example #page .example-2 {
 438 | 			position: relative;
 439 | 			}
 440 | 		
 441 | 			.example #page .example-2 .input-wrapper {
 442 | 				background: rgb(238, 223, 113);
 443 | 				position: relative;
 444 | 				margin-bottom: 3em;
 445 | 				}
 446 | 				
 447 | 				.example #page .example-2 label {
 448 | 					text-shadow: 0 1px 0 rgb(255, 252, 174);
 449 | 					font-size: 1.2em;
 450 | 					padding: .6em .5em .6em .75em;
 451 | 					display: inline-block;
 452 | 					border-right: 1px solid rgb(255, 254, 165);
 453 | 					float: left;
 454 | 					}
 455 | 				
 456 | 				.example #page .example-2 input { 
 457 | 					border: none;
 458 | 					background: rgb(238, 223, 113);
 459 | 					border-left: 1px solid rgb(153, 143, 73);
 460 | 					padding: 0.55em 0.5em 0.65em 0.7em;
 461 | 					float: left;
 462 | 					display: inline;
 463 | 					-webkit-box-shadow: none;
 464 | 					-moz-box-shadow: none;
 465 | 					box-shadow: none;
 466 | 					-webkit-border-radius: 0;
 467 | 					-moz-border-radius: 0;
 468 | 					border-radius: 0;
 469 | 					color: rgb(64, 64, 64);
 470 | 					width: 680px;
 471 | 					}
 472 | 					
 473 | 				.example #page .example-2 input.placeholder,
 474 | 				.example #page .example-2 input {
 475 | 					text-shadow: 0 1px 0 rgb(255, 252, 174);
 476 | 					font-size: 1.1em;
 477 | 					}
 478 | 					
 479 | 				.example #page .example-2 input.placeholder {
 480 | 					color: rgb(64, 64, 64);
 481 | 					}
 482 | 							
 483 | 				.example #page .example-2 .representative-state {
 484 | 					position: absolute;
 485 | 					right: 0;
 486 | 					top: 2.5em;
 487 | 					padding: .6em .5em .6em .75em;
 488 | 					}
 489 | 					
 490 | 					.example #page .example-2 .representative-state .before-active,
 491 | 					.example #page .example-2 .representative-state .active,
 492 | 					.example #page .example-2 .representative-state .after-active,
 493 | 					.example #page .example-2 .representative-state .valid,
 494 | 					.example #page .example-2 .representative-state .invalid,
 495 | 					.example #page .example-2 .representative-state .placeholder,
 496 | 					.example #page .example-2 .representative-state .focus { 
 497 | 						display: none;
 498 | 						padding: .6em .5em .6em .75em;
 499 | 						}
 500 | 				
 501 | 					/* Invalid State */
 502 | 					
 503 | 					.example #page .example-2 .invalid {
 504 | 						background: rgb(255, 178, 177);
 505 | 						}
 506 | 
 507 | 						.example #page .example-2 .invalid .invalid {
 508 | 							display: inline;
 509 | 							background: none;
 510 | 							}
 511 | 
 512 | 						.example #page .example-2 .invalid label {
 513 | 							background: red;
 514 | 							color: rgb(255, 255, 255);
 515 | 							text-shadow: 0 1px 0 rgb(0, 0, 0);
 516 | 							border-right: 1px solid rgb(136, 0, 0);
 517 | 							}
 518 | 						
 519 | 						.example #page .example-2 .invalid input {
 520 | 							background: rgb(255, 178, 177);
 521 | 							border-left: 1px solid rgb(255, 213, 221);
 522 | 							color: rgb(136, 0, 0);
 523 | 							}
 524 | 						
 525 | 					.example #page .example-2 .valid label {
 526 | 						background: green;
 527 | 						color: rgb(255, 255, 255);
 528 | 						text-shadow: 0 1px 0 rgb(0, 0, 0);
 529 | 						}
 530 | 					
 531 | 					/* Valid State */	
 532 | 					
 533 | 					.example #page .example-2 .valid {
 534 | 						background: green;
 535 | 						}
 536 | 						
 537 | 						.example #page .example-2 .valid .valid {
 538 | 							display: inline;
 539 | 							background: none;
 540 | 							}
 541 | 						
 542 | 						.example #page .example-2 .valid label {
 543 | 							border-right: 1px solid rgb(0, 88, 0);
 544 | 							color: white;
 545 | 							text-shadow: 0px 1px 0 rgb(0, 0, 0);
 546 | 							}
 547 | 							
 548 | 						.example #page .example-2 .valid input {
 549 | 							background: green;
 550 | 							color: white;
 551 | 							text-shadow: 0px 1px 0 rgb(0, 0, 0);
 552 | 							border-left: 1px solid rgb(116, 191, 121);
 553 | 							}
 554 | 										
 555 | 					/* Before validate */
 556 | 					
 557 | 					.example #page .example-2 .before-active {
 558 | 						}
 559 | 					
 560 | 						.example #page .example-2 .before-active .before-active {
 561 | 							display: inline;
 562 | 							}
 563 | 						
 564 | 					/* Active */
 565 | 					
 566 | 					.example #page .example-2 .active {
 567 | 						}
 568 | 					
 569 | 						.example #page .example-2 .active .active {
 570 | 							display: inline;
 571 | 							}
 572 | 							
 573 | 					/* After validate */
 574 | 					
 575 | 					.example #page .example-2 .after-active {
 576 | 						}
 577 | 										
 578 | 						.example #page .example-2 .after-active .after-active {
 579 | 							display: inline;
 580 | 							}
 581 | 							
 582 | 					/* Focus */
 583 | 					
 584 | 					.example #page .example-2 .focus {
 585 | 						-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
 586 | 						-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
 587 | 						box-shadow: 0 0 10px rgba(0, 0, 0, .4);
 588 | 						}
 589 | 					
 590 | 						.example #page .example-2 .focus .focus {
 591 | 							box-shadow: none;
 592 | 							display: inline;						
 593 | 							-moz-box-shadow: none;
 594 | 							-webkit-box-shadow: none;
 595 | 							box-shadow: none;
 596 | 							}
 597 | 							
 598 | 					/* Placeholder */
 599 | 					
 600 | 					.example #page .example-2 .placeholder {
 601 | 						}
 602 | 												
 603 | 						.example #page .example-2 .placeholder .placeholder {
 604 | 							display: block;
 605 | 							}
 606 | 		
 607 | 		.example #page .example-4 {}
 608 | 		
 609 | 			.example #page .example-4 ul { margin: 0 1em; }
 610 | 			
 611 | 			.example #page .example-4 form {
 612 | 				padding: 1em;
 613 | 				width: 415px;
 614 | 				background: rgb(112, 112, 112);
 615 | 				border-top: 1px solid rgb(163, 163, 163);
 616 | 				border-left: 1px solid rgb(163, 163, 163);
 617 | 				border-right: 1px solid rgb(240, 240, 240);
 618 | 				border-bottom: 1px solid rgb(240, 240, 240);
 619 | 				position: relative;
 620 | 				}
 621 | 			
 622 | 			.example #page .example-4 form ul {
 623 | 				margin: 0;
 624 | 				}	
 625 | 			
 626 | 				.example #page .example-4 form ul li {
 627 | 					list-style-type: none;
 628 | 					padding: 0 0 1em;
 629 | 					}
 630 | 					
 631 | 					.example #page .example-4 form ul li.confirm {
 632 | 						padding-bottom: .5em;
 633 | 						}
 634 | 						
 635 | 					.example #page .example-4 form ul li label {
 636 | 						display: block;
 637 | 						font-size: 1.1em;
 638 | 						color: rgb(255, 255, 255);
 639 | 						text-shadow: 0 1px 0 rgb(5, 5, 5);
 640 | 						}
 641 | 					
 642 | 					.example #page .example-4 form ul li input {
 643 | 						-moz-border-radius: 0;
 644 | 						-webkit-border-radius: 0;
 645 | 						border-radius: 0;
 646 | 						-moz-box-shadow: none;
 647 | 						-webkit-box-shadow: none;
 648 | 						box-shadow: none;
 649 | 						margin: .25em 0;
 650 | 						border-top: 1px solid rgb(163, 163, 163);
 651 | 						border-left: 1px solid rgb(163, 163, 163);
 652 | 						border-right: 1px solid rgb(208, 208, 208);
 653 | 						border-bottom: 1px solid rgb(208, 208, 208);
 654 | 						padding: 5px;
 655 | 						background: rgb(210, 210, 210);
 656 | 						color: rgb(62, 62, 62);
 657 | 						width: 400px;
 658 | 						}
 659 | 					
 660 | 					.example #page .example-4 form button {
 661 | 						margin: .6em 0 0;
 662 | 						}
 663 | 					
 664 | 					.example #page .example-4 form ul li input.invalid {
 665 | 						background: rgb(238, 160, 128);
 666 | 						border-top: 1px solid rgb(157, 106, 84);
 667 | 						border-left: 1px solid rgb(157, 106, 84);
 668 | 						border-right: 1px solid rgb(255, 188, 163);
 669 | 						border-bottom: 1px solid rgb(255, 188, 163);
 670 | 						color: rgb(103, 69, 55);
 671 | 						}
 672 | 						
 673 | 					.example #page .example-4 form ul li input.valid {
 674 | 						background: rgb(182, 205, 77);
 675 | 						color: rgb(66, 75, 28);
 676 | 						}
 677 | 						
 678 | 					.example #page .example-4 form .status {
 679 | 						position: absolute;
 680 | 						bottom: 10px;
 681 | 						left: 7.5em;
 682 | 						color: rgb(255, 255, 255);
 683 | 						text-shadow: 0 1px 0 rgb(0, 0, 0);
 684 | 						}
 685 | 						
 686 | 		.example #page .thanks,
 687 | 		.example #page .pagination {
 688 | 			clear: both;
 689 | 			padding: 5em 0 0;
 690 | 			font-size: .9em;
 691 | 			float: right;
 692 | 			}
 693 | 		
 694 | 		
 695 | 	/* Plugin Reference UI */
 696 | 		
 697 | 	#page .reference {
 698 | 		margin: 3em 0;
 699 | 		}
 700 | 		
 701 | 		#page .reference ol li { }
 702 | 		
 703 | 		#page .reference ul { }
 704 | 			
 705 | 			#page .reference ul li {
 706 | 				margin: 5px 0;
 707 | 				list-style-type: none;
 708 | 				background: rgb(247, 247, 247);
 709 | 				border-top: 1px solid rgb(212, 212, 212);
 710 | 				border-bottom: 1px solid rgb(212, 212, 212);
 711 | 				}
 712 | 				
 713 | 				#page .reference .option-header {
 714 | 					padding: 8px;
 715 | 					cursor: pointer;
 716 | 					}
 717 | 									
 718 | 					#page .reference .option-header a {
 719 | 						background: url(/-/media/spindown-closed.gif) no-repeat center left;
 720 | 						padding: 0 17px;
 721 | 						color: rgb(56, 152, 222);
 722 | 						}
 723 | 						
 724 | 						
 725 | 						#page .reference .open .option-header a { background: url(/-/media/spindown-open.gif) no-repeat center left; }
 726 | 						
 727 | 					#page .reference .option-header dl { 
 728 | 						float: right;
 729 | 						width: 65%;
 730 | 						}
 731 | 						
 732 | 						#page .reference .option-header dt {display: inline;}
 733 | 						
 734 | 							#page .reference .option-header .option-type-label { display: none; }
 735 | 							
 736 | 							#page .reference .option-header .option-default-label {
 737 | 								color: rgb(153, 153, 153);
 738 | 								padding-right: 6px;
 739 | 								}
 740 | 						
 741 | 						#page .reference .option-header dd { display: inline-block;}
 742 | 							
 743 | 							#page .reference .option-header .option-type { width: 35%; }
 744 | 															
 745 | 								#page .reference .option-header .option-type span {
 746 | 									border-bottom: 1px dotted #000;
 747 | 									padding-bottom: 2px;
 748 | 									}
 749 | 							
 750 | 							#page .reference .option-header .option-default {}
 751 | 							
 752 | 				#page .reference .option-description {
 753 | 					display: none;
 754 | 					padding: 10px;
 755 | 					}
 756 | 					
 757 | 					#page .reference .open .option-description { display: block; }
 758 | 		
 759 | 					#page .reference .open .option-description h6 {
 760 | 						font-size: 16px;
 761 | 						margin: 15px 0 5px;
 762 | 						}
 763 | 				
 764 | 					#page .reference .option-description form {
 765 | 						margin: 10px 0 10px;
 766 | 						}
 767 | 					
 768 | 						#page .reference .option-description label { 
 769 | 							display: block;
 770 | 							font-size: 16px;
 771 | 							}
 772 | 						
 773 | 						#page .reference .option-description input {}
 774 | 						
 775 | 						#page .reference .option-description input.invalid {
 776 | 							border: 2px solid rgb(255, 0, 0);
 777 | 							-moz-box-shadow:inset 0 0 10px rgba(255, 0, 0, .5);
 778 | 						   	-webkit-box-shadow:inset 0 0 10px rgba(255, 0, 0, .5);
 779 | 						   	box-shadow:inset 0 0 10px rgba(255, 0, 0, .5);
 780 | 							}
 781 | 	
 782 | 
 783 | /*-------------------------------------------    
 784 | 	Profile
 785 | -------------------------------------------*/
 786 | 
 787 | .profile {}
 788 | 
 789 | 	.profile h3 {
 790 | 		width: auto;
 791 | 		float: left;
 792 | 		}
 793 | 	
 794 | 	.profile .url {
 795 | 		margin: 1em 0 0 1.3em;
 796 | 		float: left;
 797 | 		}
 798 | 		
 799 | 	.profile .url {
 800 | 		margin: 1em 0 0 1.3em;
 801 | 		float: left;
 802 | 		}
 803 | 		
 804 | 		.profile .url a {
 805 | 			margin: 1em 0 0 0;
 806 | 			}
 807 | 		
 808 | 	.profile img {
 809 | 		width: 200px;
 810 | 		height: 200px;
 811 | 		clear: left;
 812 | 		}
 813 | 		
 814 | 	.profile .bio {
 815 | 		width: 500px;
 816 | 		margin-left: 20px;
 817 | 		}
 818 | 			
 819 | 
 820 | /* Footer
 821 | --------------------------------------------- */
 822 | 
 823 | footer {
 824 | 	padding: 30px 0 0 0;
 825 | 	background: #7d7e7d; /* old browsers */
 826 | 	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* firefox */
 827 | 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* webkit */
 828 | 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* ie */
 829 | 	border-top: 5px rgb(116, 116, 116) solid;
 830 | 	}
 831 | 	
 832 | 	footer a {
 833 | 		text-decoration: none;
 834 | 		}
 835 | 		
 836 | 	.secondary {
 837 | 		padding: 30px 0 0 0;
 838 | 		}
 839 | 
 840 | 		.secondary h4 {
 841 | 			margin: 0 0 20px 0;
 842 | 			padding: 0 0 0 5px;
 843 | 			color: rgb(238, 223, 113);
 844 | 			font-size: 20px;
 845 | 			line-height: 25px;
 846 | 			text-shadow: 0 -1px 0 rgba(0, 0, 0, .7);
 847 | 			text-transform: uppercase;
 848 | 			}
 849 | 					
 850 | 		.secondary .inner-wrapper {
 851 | 			width: 900px;
 852 | 			margin: 0 auto 30px auto;
 853 | 			}
 854 | 							
 855 | 			.secondary form {
 856 | 				position: relative;
 857 | 				float: left;
 858 | 				display: inline;
 859 | 				width: 420px;
 860 | 				height: 250px;
 861 | 				margin: 0 40px 0 0;
 862 | 				z-index: 1;
 863 | 				}
 864 | 				
 865 | 				.secondary form .overlay {
 866 | 					position: absolute;
 867 | 					width: 400px;
 868 | 					height: 161px;
 869 | 					padding: 10px;
 870 | 					background: rgb(178, 178, 178);
 871 | 					background: rgba(0, 0, 0, .8);
 872 | 					-moz-border-radius: 7px;
 873 | 					-webkit-border-radius: 7px;
 874 | 					border-radius: 7px;
 875 | 					color: rgb(255, 255, 255);	
 876 | 					display: none;		
 877 | 					}
 878 | 					
 879 | 					.secondary form .overlay ul {}
 880 | 						
 881 | 						.secondary form .overlay a {
 882 | 							padding: 1.5em 1em 0;
 883 | 							color: #fff;
 884 | 							font-size: .8em;
 885 | 							text-decoration: underline;
 886 | 							}
 887 | 						
 888 | 						.secondary form .overlay ul li {
 889 | 							list-style-type: none;
 890 | 							padding: 10px;
 891 | 							}
 892 | 							
 893 | 							.secondary form .overlay li input {
 894 | 								width: 365px;
 895 | 								margin: auto;
 896 | 								}
 897 | 							
 898 | 							.secondary .invalid input {
 899 | 								background-color: rgb(238, 223, 113);
 900 | 								color: rgb(24, 24, 24);
 901 | 								text-shadow: 0 1px 0 rgb(240, 240, 240);
 902 | 								}
 903 | 								
 904 | 				.secondary form .bubble {
 905 | 					width: 400px;
 906 | 					height: 158px;
 907 | 					padding: 10px 10px 40px 10px;
 908 | 					background: transparent url(/-/media/question-bubble.png) no-repeat;
 909 | 					}
 910 | 					
 911 | 					.secondary form .bubble.overlaid textarea {
 912 | 						color: rgb(255, 255, 255);
 913 | 						color: rgba(255, 255, 255, 0);
 914 | 						}
 915 | 
 916 | 					.secondary form textarea {
 917 | 						width: 395px;
 918 | 						max-width: 395px;
 919 | 						height: 158px;
 920 | 						max-height: 158px;
 921 | 						color: rgb(125, 126, 125);
 922 | 						border: none;
 923 | 						font-family: "ff-nuvo-web-pro-1", "ff-nuvo-web-pro-2", Helvetica, Arial, sans-serif;
 924 | 						font-size: 18px;
 925 | 						line-height: 23px;
 926 | 						}
 927 | 
 928 | 				.secondary form button {
 929 | 					position: absolute;
 930 | 					left: 0;
 931 | 					bottom: 0;
 932 | 					display: block;
 933 | 					width: 125px;
 934 | 					}
 935 | 
 936 | 			.secondary div.column {
 937 | 				float: left;
 938 | 				display: inline;
 939 | 				width: 200px;
 940 | 				margin: 0 20px 0 0;
 941 | 				}
 942 | 
 943 | 				.secondary div.column ul {
 944 | 					list-style: none;
 945 | 					}
 946 | 
 947 | 					.secondary div.column li {
 948 | 						font-size: 16px;
 949 | 						line-height: 21px;
 950 | 						text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);
 951 | 						border-bottom: 1px solid rgba(0, 0, 0, .30);
 952 | 						-webkit-box-shadow: 0 1px rgba(255, 255, 255, .30);
 953 | 						-moz-box-shadow: 0 1px rgba(255, 255, 255, .30);
 954 | 						}
 955 | 
 956 | 					.secondary div.column li:last-child {
 957 | 						border: none;
 958 | 						-webkit-box-shadow: none;
 959 | 						-moz-box-shadow: none;
 960 | 						}
 961 | 
 962 | 						.secondary div.column li a {
 963 | 							display: block;
 964 | 							margin: 5px;
 965 | 							color: rgb(255, 255, 255);
 966 | 							background: url(/-/media/right-arrow.png) right center no-repeat;
 967 | 							}
 968 | 
 969 | 						.secondary div.column li a:hover { opacity: 0.65; }
 970 | 			
 971 | 			.secondary div.column.twitter {}
 972 | 				
 973 | 				.secondary div.column.twitter p.handle {
 974 | 					margin-left: 5px;
 975 | 					color: rgb(255, 255, 255);
 976 | 					}
 977 | 								
 978 | 				.secondary div.column.twitter a {
 979 | 					color: rgb(186, 238, 54);
 980 | 					}
 981 | 					
 982 | 					.secondary div.column.twitter a:hover { text-decoration: underline; }
 983 | 				
 984 | 				.secondary div.column .tweet {
 985 | 					background-color: rgb(74, 75, 74);
 986 | 					background-color: rgba(255, 255, 255, .1);
 987 | 					padding: 10px;
 988 | 					-moz-border-radius: 5px;
 989 | 					-webkit-border-radius: 5px;
 990 | 					border-radius: 5px;
 991 | 					border: 1px solid rgba(0, 0, 0, .3);
 992 | 					font-size: .8em;
 993 | 					line-height: 1.3em;
 994 | 					color: rgb(255, 255, 255);
 995 | 					}
 996 | 					
 997 | 					
 998 | 		.copyright {
 999 | 			border-top: 1px solid rgba(255, 255, 255, .30);
1000 | 			-webkit-box-shadow: 0 -1px rgba(0, 0, 0, .30);
1001 | 			-moz-box-shadow: 0 -1px rgba(0, 0, 0, .30);
1002 | 			clear: left;
1003 | 			}
1004 | 			
1005 | 			.copyright p .license {
1006 | 				position: absolute;
1007 | 				left: 1em;
1008 | 				}
1009 | 			
1010 | 			.copyright p {
1011 | 				margin: 0 auto;
1012 | 				padding: 20px 0;
1013 | 				color: rgb(255, 255, 255);
1014 | 				font-size: 14px;
1015 | 				line-height: 21px;
1016 | 				text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);
1017 | 				text-align: center;
1018 | 				}
1019 | 
1020 | 				.copyright a { color: rgb(255, 255, 255); }
1021 | 
1022 | 				.copyright a:hover { border-bottom: 1px solid rgb(255, 255, 255); }
1023 | 				
1024 | /* Photo Scroller */
1025 | 
1026 | .photo-scroller {
1027 | 	float: right;
1028 | 	width: 40%;
1029 | 	margin: 10px 0 10px 10px;
1030 | 	}
1031 | 
1032 | 	.photo-scroller img.display {
1033 | 		width: 100%;
1034 | 		height: 275px;
1035 | 		margin: 0 auto;
1036 | 		}
1037 | 			
1038 | 	.photo-scroller ul {
1039 | 		padding: 4px 2px;
1040 | 		}
1041 | 	
1042 | 		.photo-scroller ul li {
1043 | 			list-style-type: none;
1044 | 			display: inline;
1045 | 			float: left;
1046 | 			padding: 0 1px;
1047 | 			}
1048 | 			
1049 | 			.photo-scroller ul li.first { padding-left: 0;}
1050 | 			.photo-scroller ul li.last { padding-right: 0;}
1051 | 		
1052 | 			.photo-scroller ul li img {
1053 | 				width: 55px;
1054 | 				cursor: pointer;
1055 | 				border: 2px solid rgb(222, 222, 222);
1056 | 				}
1057 | 			
1058 | 			.photo-scroller ul li.active img { 
1059 | 				border: 2px solid rgb(238, 223, 113);
1060 | 				-moz-box-shadow: 0px 0px 10px rgb(238, 223, 113);
1061 | 				-webkit-box-shadow: 0px 0px 10px rgb(238, 223, 113);
1062 | 				box-shadow: 0px 0px 10px rgb(238, 223, 113);
1063 | 				}
1064 | 			
1065 | 			.photo-scroller ul li caption { display: none; }
1066 | 			
1067 | 				
1068 | /* Convenience Objects */
1069 | 
1070 | .hidden { display: none; }
1071 | .active { display: block; }
1072 | .float-left { float: left; }
1073 | .float-right { float: right; }
1074 | .placeholder { color: rgb(169, 169, 169)}
1075 | .span-screen { width: 100% !important; }
1076 | .button {
1077 | 	padding: 7px;
1078 | 	font-size: 20px;
1079 | 	line-height: 25px;
1080 | 	text-align: center;
1081 | 	text-transform: uppercase;
1082 | 	text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);
1083 | 	border: 2px solid rgb(105, 155, 3);
1084 | 	color: rgb(255, 255, 255);
1085 | 	border-radius: 7px;
1086 | 	cursor: pointer;
1087 | 	background: #bfd255; /* old browsers */
1088 | 	background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* firefox */
1089 | 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* webkit */
1090 | 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* ie */
1091 | 	}
1092 | 	
1093 | 					
1094 | 					
1095 | header:after,
1096 | footer:after,
1097 | #page:after,
1098 | footer ul:after {
1099 | 	content: "."; 
1100 | 	display: block; 
1101 | 	height: 0; 
1102 | 	clear: both; 
1103 | 	visibility: hidden;
1104 | }
1105 | 
1106 | 
1107 | 
1108 | @media only screen and (max-device-width: 480px), only screen and (max-width: 640px) {
1109 | 	
1110 | 	#page { 
1111 | 		padding: 0 2.5%;
1112 | 		width: 95%;
1113 | 		}
1114 | 	
1115 | 		#page h3 { 
1116 | 			padding: 0 0 .5em 0;
1117 | 			font-size: 1.65em;
1118 | 			}
1119 | 		
1120 | 		#page article h4 { font-size: 1.3em; }
1121 | 		
1122 | 		.article #page article h4 { font-size: 1.5em; }
1123 | 		
1124 | 	footer { padding: 0;}
1125 | 	
1126 | 	
1127 | 	
1128 | 	header {
1129 | 		padding: 0 0 1.4em;
1130 | 		}
1131 | 	
1132 | 	h1 {
1133 | 		float: left;
1134 | 		display: block;
1135 | 		position: static;
1136 | 		width: 100%;
1137 | 		text-align: center;
1138 | 		padding-top: .5em;
1139 | 		}
1140 | 	
1141 | 	nav {
1142 | 		margin: 1em 2.5% 0;
1143 | 		clear: left;
1144 | 		float: left;
1145 | 		width: 95%;
1146 | 		}
1147 | 		
1148 | 		nav li {
1149 | 			width: 33%;
1150 | 			text-align: center;
1151 | 			}
1152 | 			
1153 | 			nav li a {
1154 | 				padding: .6em;
1155 | 				border: none;
1156 | 				text-align: center;
1157 | 				}
1158 | 				
1159 | 				body.articles nav .articles,
1160 | 				body.examples nav .examples,
1161 | 				body.plugins nav .plugins {
1162 | 					background: rgba(0, 0, 0, .3);
1163 | 					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=0 ); /* ie */
1164 | 					text-shadow: none;
1165 | 					-moz-border-radius: 5px;
1166 | 					-webkit-border-radius: 5px;
1167 | 					border-radius: 5px;
1168 | 					}
1169 | 		
1170 | 	.article #page article .main-photo,
1171 | 	.secondary form textarea,
1172 | 	.secondary div.column,		
1173 | 	.secondary form,	
1174 | 	.secondary .inner-wrapper,
1175 | 	.secondary .inner-wrapper {
1176 | 		width: 100%;
1177 | 		max-width: 100%;
1178 | 		min-width: 100%;
1179 | 		}
1180 | 	
1181 | 	.examples #page li
1182 | 	.secondary form .bubble { background: none; margin: 0 auto;}
1183 | 	.secondary form button { margin: 1em 2.5% 0; }
1184 | 	.secondary form .bubble,
1185 | 	.secondary form button {
1186 | 		margin: 0 2.5% 1em;
1187 | 		padding: 0;
1188 | 		width: 95%;
1189 | 		position: static;
1190 | 		}
1191 | 		
1192 | 	.secondary .column.twitter,
1193 | 	.secondary .column.links {
1194 | 		min-width: 95%;
1195 | 		max-width: 95%;
1196 | 		width: 95%;
1197 | 		margin: 0 2.5% 1.5em !important;
1198 | 		}
1199 | }
1200 | 
1201 | </style>
1202 | 
1203 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
1204 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
1205 | <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
1206 | 
1207 | <script type="text/javascript">
1208 | 
1209 | 	$(document).ready(function() {
1210 | 	
1211 | 		$('.table-of-contents').change(function() {
1212 | 			var $t = $(this);
1213 | 					
1214 | 			window.location = '#'+$t.val();
1215 | 		});
1216 | 		
1217 | 		$('.reference .option-header').click(function() {
1218 | 			var $t = $(this);
1219 | 			var parent = $t.parent()
1220 | 			
1221 | 			if(parent.hasClass('open'))
1222 | 				parent.removeClass('open');
1223 | 			else
1224 | 				parent.addClass('open');
1225 | 		});
1226 | 	
1227 | 	});
1228 | 	
1229 | </script>
1230 | 
1231 | 
1232 | <!--[if lte IE 8]>
1233 | 	<script src="/-/script/modernizr.js"></script>
1234 |   <script src="/-/script/selectivizr.js"></script>
1235 | <![endif]-->
1236 | 
1237 | <!--[if IE 6]>
1238 | 	<script src="/-/script/transparency.js"></script>
1239 | 	<script src="/-/script/png.js"></script>
1240 | <![endif]-->
1241 | 
1242 | </head>
1243 | 
1244 | <body class="documentation">
1245 | 	
1246 | 	<div class="body">
1247 | 	
1248 | 		<header>
1249 | 	<h1><a href="/">Objective HTML</a></h1>
1250 | 	
1251 | 	<nav>
1252 | 		<ul>
1253 | 			<li><a href="docs.html" class="articles first">Docs</a></li>
1254 | 
1255 | 			<li><a href="examples1.html" class="examples">Examples 1</a></li>
1256 | 			<li><a href="examples2.html" class="documentation last">Examples 2</a></li>
1257 | 		</ul>
1258 | 	</nav>
1259 | </header>
1260 | 		
1261 | 		<section id="page">
1262 | 		
1263 | 
1264 | 	<h2><a href="/documentation">Documentation</a></h2>
1265 | 	
1266 | 			
1267 | 	<article class="documentation">
1268 | 
1269 | 	
1270 | 		<!-- <a href="/examples/documentation_url_title/" class="examples">Examples</a> -->
1271 | 				
1272 | 		<h3 class="title">Google Maps for ExpressionEngine</h3>
1273 | 		
1274 | 		<dl class="release-notes">
1275 | 			<dt class="version">Version</dt>
1276 | 
1277 | 			<dd class="version">2.5</dd>
1278 | 			<dt class="last-update">Last update</dt>
1279 | 			<dd class="last-update">1/31/2012</dd>
1280 | 		</dl>
1281 | 		
1282 | 		<div id="description" class="description tab">
1283 | 		
1284 | 			<h4>Description</h4>
1285 | 			
1286 | 			<p>
1287 | 
1288 | 	This plugin combines the familiar syntax of the <code>exp:channel:entries tag</code> (all of the parameters are available) combined with all the properties used to initialize Google Maps, thus making the process very familiar. This plugin requires no JavaScript or PHP to implement dynamic or static maps. You can plot locations using custom fields from your channels, or just a static address on the contact page right within your EE templates.</p>
1289 | 
1290 | 			
1291 | 		</div>
1292 | 				
1293 | 		<div class="dropdown tab">
1294 | 			<h4>Table of Contents</h4>
1295 | 			
1296 | 			<select name="table-of-contents" class="table-of-contents">
1297 | 	<option value="">-- Skip to Section --</option>
1298 | 
1299 | 	<option value="overview">Overview</option>
1300 | 	<option value="features">Features</option>
1301 | 	<option value="installation">Installation</option>
1302 | 	<option value="reference">Reference</option>
1303 | 	
1304 | 	
1305 | 		<option value="google-maps-for-expressionengine-expgmapinit">- &#123;exp:gmap:init&#125;</option>
1306 | 					
1307 | 	
1308 | 	<option value="google-maps-for-expressionengine-expgmapinit-id">-- id</option>
1309 | 
1310 | 	
1311 | 	<option value="google-maps-for-expressionengine-expgmapinit-class">-- class</option>
1312 | 	
1313 | 	<option value="google-maps-for-expressionengine-expgmapinit-style">-- style</option>
1314 | 	
1315 | 	<option value="google-maps-for-expressionengine-expgmapinit-address">-- address</option>
1316 | 	
1317 | 	<option value="google-maps-for-expressionengine-expgmapinit-latitude">-- latitude</option>
1318 | 	
1319 | 	<option value="google-maps-for-expressionengine-expgmapinit-longitude">-- longitude</option>
1320 | 	
1321 | 	<option value="google-maps-for-expressionengine-expgmapinit-center">-- center</option>
1322 | 
1323 | 	
1324 | 	<option value="google-maps-for-expressionengine-expgmapinit-zoom">-- zoom</option>
1325 | 	
1326 | 	<option value="google-maps-for-expressionengine-expgmapinit-map_type">-- map_type</option>
1327 | 	
1328 | 	<option value="google-maps-for-expressionengine-expgmapinit-address_field">-- address_field</option>
1329 | 	
1330 | 	<option value="google-maps-for-expressionengine-expgmapinit-city_field">-- city_field</option>
1331 | 	
1332 | 	<option value="google-maps-for-expressionengine-expgmapinit-state_field">-- state_field</option>
1333 | 	
1334 | 	<option value="google-maps-for-expressionengine-expgmapinit-zipcode_field">-- zipcode_field</option>
1335 | 
1336 | 	
1337 | 	<option value="google-maps-for-expressionengine-expgmapinit-country_field">-- country_field</option>
1338 | 	
1339 | 	<option value="google-maps-for-expressionengine-expgmapinit-latitude_field">-- latitude_field</option>
1340 | 	
1341 | 	<option value="google-maps-for-expressionengine-expgmapinit-longitude_field">-- longitude_field</option>
1342 | 	
1343 | 	<option value="google-maps-for-expressionengine-expgmapinit-zoom_field">-- zoom_field</option>
1344 | 	
1345 | 	<option value="google-maps-for-expressionengine-expgmapinit-gmap_field">-- gmap_field</option>
1346 | 	
1347 | 	<option value="google-maps-for-expressionengine-expgmapinit-lat_lng">-- lat_lng</option>
1348 | 
1349 | 	
1350 | 	<option value="google-maps-for-expressionengine-expgmapinit-hide_markers">-- hide_markers</option>
1351 | 	
1352 | 	<option value="google-maps-for-expressionengine-expgmapinit-open_windows">-- open_windows</option>
1353 | 	
1354 | 	<option value="google-maps-for-expressionengine-expgmapinit-style_link">-- style_link</option>
1355 | 	
1356 | 	<option value="google-maps-for-expressionengine-expgmapinit-style_object">-- style_object</option>
1357 | 	
1358 | 	<option value="google-maps-for-expressionengine-expgmapinit-extend_bounds">-- extend_bounds</option>
1359 | 	
1360 | 	<option value="google-maps-for-expressionengine-expgmapinit-show_one_window">-- show_one_window</option>
1361 | 
1362 | 	
1363 | 	<option value="google-maps-for-expressionengine-expgmapinit-icon">-- icon</option>
1364 | 	
1365 | 	<option value="google-maps-for-expressionengine-expgmapinit-show_coordinate">-- show_coordinate</option>
1366 | 	
1367 | 	<option value="google-maps-for-expressionengine-expgmapinit-add_title_to_dropdown">-- add_title_to_dropdown</option>
1368 | 	
1369 | 
1370 | 			
1371 | 		<option value="google-maps-for-expressionengine-expgmapmarker">- &#123;exp:gmap:marker&#125;</option>
1372 | 					
1373 | 	
1374 | 	<option value="google-maps-for-expressionengine-expgmapmarker-id">-- id</option>
1375 | 	
1376 | 	<option value="google-maps-for-expressionengine-expgmapmarker-address">-- address</option>
1377 | 
1378 | 	
1379 | 	<option value="google-maps-for-expressionengine-expgmapmarker-latitude">-- latitude</option>
1380 | 	
1381 | 	<option value="google-maps-for-expressionengine-expgmapmarker-longitude">-- longitude</option>
1382 | 	
1383 | 	<option value="google-maps-for-expressionengine-expgmapmarker-center">-- center</option>
1384 | 	
1385 | 	<option value="google-maps-for-expressionengine-expgmapmarker-zoom">-- zoom</option>
1386 | 	
1387 | 	<option value="google-maps-for-expressionengine-expgmapmarker-address_field">-- address_field</option>
1388 | 	
1389 | 	<option value="google-maps-for-expressionengine-expgmapmarker-city_field">-- city_field</option>
1390 | 
1391 | 	
1392 | 	<option value="google-maps-for-expressionengine-expgmapmarker-state_field">-- state_field</option>
1393 | 	
1394 | 	<option value="google-maps-for-expressionengine-expgmapmarker-zipcode_field">-- zipcode_field</option>
1395 | 	
1396 | 	<option value="google-maps-for-expressionengine-expgmapmarker-country_field">-- country_field</option>
1397 | 	
1398 | 	<option value="google-maps-for-expressionengine-expgmapmarker-latitude_field">-- latitude_field</option>
1399 | 	
1400 | 	<option value="google-maps-for-expressionengine-expgmapmarker-longitude_field">-- longitude_field</option>
1401 | 	
1402 | 	<option value="google-maps-for-expressionengine-expgmapmarker-zoom_field">-- zoom_field</option>
1403 | 
1404 | 	
1405 | 	<option value="google-maps-for-expressionengine-expgmapmarker-gmap_field">-- gmap_field</option>
1406 | 	
1407 | 	<option value="google-maps-for-expressionengine-expgmapmarker-lat_lng">-- lat_lng</option>
1408 | 	
1409 | 	<option value="google-maps-for-expressionengine-expgmapmarker-open_windows">-- open_windows</option>
1410 | 	
1411 | 	<option value="google-maps-for-expressionengine-expgmapmarker-extend_bounds">-- extend_bounds</option>
1412 | 	
1413 | 	<option value="google-maps-for-expressionengine-expgmapmarker-show_one_window">-- show_one_window</option>
1414 | 	
1415 | 	<option value="google-maps-for-expressionengine-expgmapmarker-icon">-- icon</option>
1416 | 
1417 | 	
1418 | 	<option value="google-maps-for-expressionengine-expgmapmarker-show_coordinate">-- show_coordinate</option>
1419 | 	
1420 | 	<option value="google-maps-for-expressionengine-expgmapmarker-add_title_to_dropdown">-- add_title_to_dropdown</option>
1421 | 	
1422 | 
1423 | 			
1424 | 		<option value="google-maps-for-expressionengine-expgmapcenter">- &#123;exp:gmap:center&#125;</option>
1425 | 					
1426 | 	
1427 | 	<option value="google-maps-for-expressionengine-expgmapcenter-id">-- id</option>
1428 | 	
1429 | 	<option value="google-maps-for-expressionengine-expgmapcenter-address">-- address</option>
1430 | 	
1431 | 	<option value="google-maps-for-expressionengine-expgmapcenter-latitude">-- latitude</option>
1432 | 
1433 | 	
1434 | 
1435 | 			
1436 | 		<option value="google-maps-for-expressionengine-expgmapzoom">- &#123;exp:gmap:zoom&#125;</option>
1437 | 					
1438 | 	
1439 | 	<option value="google-maps-for-expressionengine-expgmapzoom-id">-- id</option>
1440 | 	
1441 | 	<option value="google-maps-for-expressionengine-expgmapzoom-zoom">-- zoom</option>
1442 | 	
1443 | 
1444 | 			
1445 | </select>
1446 | 		</div>
1447 | 		
1448 | 				<div id="overview" class="overview tab">
1449 | 			
1450 | 			<h4>Overview</h4>
1451 | 
1452 | 			
1453 | 			<p>
1454 | 	Using ExpressionEngine to manage pages and content saves hours of time, but using it to manage locations can prove to be a bigger challenge than first meets the eye. The possibilities of the clients&#39; desires are endless, but all revolve around publishing and retrieving data from the channels module, and plotting the address&#39; within a Google Map (now using API v3 with mobile support).</p>
1455 | <p>
1456 | 	This plugin aims to take the pain out of that entire process by using the familiar syntax as the <code>channel:entries</code> tag (all of the parameters are available) combined with all the properties used to initialize Google Maps, thus making the process very familiar. This plugin requires no JavaScript or PHP to implement and no knew knowledge outside of the channel tag and the desired properties of Google Map.</p>
1457 | <p>
1458 | 
1459 | 	<em>Note, the Google Maps JavaScript library is required to be included (in the head presumably) on your page. This plugin does not include the file.</em></p>
1460 | 
1461 | 	
1462 | 		</div>
1463 | 				
1464 | 				<div id="features" class="features tab">
1465 | 			<h4>Features</h4>
1466 | 			
1467 | 			Combines all the <code>channel:entries</code> parameters with all the Google Maps properties
1468 | Use EE backend to plot map coordinates
1469 | Auto zooms and centers map around the points dynamically (if desired)
1470 | Can adapt any channel with address' to plot within the map
1471 | Absolutely no SQL, PHP, or JavaScript knowledge necessary
1472 | Customizable info windows (popups within the map)
1473 | This is the easiest Google Maps implementation out there
1474 | Customizable controls, styles, map types, and more
1475 | No dependent JS files
1476 | 			
1477 | 		</div>
1478 | 
1479 | 				
1480 | 				<div id="installation" class="overview tab">
1481 | 			
1482 | 			<h4>Installation</h4>
1483 | 			
1484 | 			<div id="product_install" style="display: block;">
1485 | 	<ol>
1486 | 		<li>
1487 | 			Copy <span class="blue">gmap</span> plugin folder to your <span class="red">/system/expressionengine/third_party/</span> folder.</li>
1488 | 
1489 | 		<li>
1490 | 			If you desire to use the fieldtype, install it by going to Addons &gt; Fieldtypes &gt; Google Maps for ExpressionEngine &gt; Install</li>
1491 | 		<li>
1492 | 			Include this in the <code>head</code> of your document: &lt;<code>script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"&gt;&lt;/script&gt;</code></li>
1493 | 
1494 | 		<li>
1495 | 			Refer to the <a href="examples.html">Google Maps examples</a> for additional information.</li>
1496 | 	</ol>
1497 | </div>
1498 | <p>
1499 | 	&nbsp;</p>
1500 | 
1501 | 	
1502 | 		</div>
1503 | 
1504 | 				
1505 | 				<div id="reference" class="reference tab">
1506 | 			
1507 | 			<h4>Methods</h4>
1508 | 			
1509 | 			<ol class="methods">
1510 | 
1511 | 	<li><a href="#google-maps-for-expressionengine-expgmapinit">&#123;exp:gmap:init&#125;</a></li>
1512 | 
1513 | 	<li><a href="#google-maps-for-expressionengine-expgmapmarker">&#123;exp:gmap:marker&#125;</a></li>
1514 | 
1515 | 	<li><a href="#google-maps-for-expressionengine-expgmapcenter">&#123;exp:gmap:center&#125;</a></li>
1516 | 
1517 | 	<li><a href="#google-maps-for-expressionengine-expgmapzoom">&#123;exp:gmap:zoom&#125;</a></li>
1518 | 
1519 | </ol>
1520 | 
1521 | 
1522 | 
1523 | 	<div class="reference methods" id="google-maps-for-expressionengine-expgmapinit">
1524 | 
1525 | 		<h5 class="method">&#123;exp:gmap:init&#125;</h5>
1526 | 		
1527 | 		<div class="method-description">
1528 | 
1529 | 			<p>
1530 | 	This is the main and primary method used to create Google Maps. This method is also an alias to the <code>exp:channel:entries</code> method anytime the <code>channel</code> parameter is defined. Meaning, if the <code>channel</code> parameter is defined, all of same <a href="http://expressionengine.com/user_guide/modules/channel/parameters.html">parameters</a> can that would normally be used with the <code>exp:channel:entries</code> method can be used with the <code>exp:gmap</code> method in addition to all the&nbsp;<a href="http://code.google.com/apis/maps/documentation/javascript/reference.html#MapOptions">properties</a> used to initialize a Google Map.</p>
1531 | 
1532 | <p>
1533 | 	Do not use this method with the <code>channel</code> attribute if your are nesting the <code>exp:gmap</code> method inside the <code>exp:channel:entries</code> method. This will result two nested <code>exp:channel:entries</code> methods. This is not advisable. However, if the <code>channel</code> attribute is not present, you may include &lt;code&gt;exp:gmap&lt;/code&gt; inside the <code>exp:channel:entries</code> tag.</p>
1534 | 
1535 | 		</div>
1536 | 		
1537 | 					
1538 | <ul>
1539 | 	
1540 | 	<li id="google-maps-for-expressionengine-expgmapinit-id">
1541 | 	
1542 | 		<div class="option-header">
1543 | 		
1544 | 			<a href="#option-id">id</a>
1545 | 			
1546 | 			<dl class="options">
1547 | 				<dt class="option-type-label">Type:</dt>
1548 | 
1549 | 				<dd class="option-type">String</dd>
1550 | 				
1551 | 				<dt class="option-default-label">Default:</dt>
1552 | 				<dd class="option-default">FALSE</dd>
1553 | 			</dl>
1554 | 			
1555 | 		</div>
1556 | 		
1557 | 		<div class="option-description">
1558 | 			
1559 | 			<h6>Description</h6>
1560 | 
1561 | 		
1562 | 			<p>
1563 | 	The <code>id</code> must be a unique string, and is used to create the JavaScript variables for the map, and assigned to the map element (div). You must use only alphabetical and numerical characters with the exception of underscores.</p>
1564 | 
1565 | 									
1566 | 			<h6>Code Examples</h6>
1567 | 			
1568 | 			<code class="box">
1569 | 				&#123;exp:gmap:init id="map_demo" address="Denver, CO"&#125;
1570 | 
1571 | 			</code>
1572 | 			
1573 | 		</div>
1574 | 		
1575 | 	</li>
1576 | 	
1577 | 	<li id="google-maps-for-expressionengine-expgmapinit-class">
1578 | 	
1579 | 		<div class="option-header">
1580 | 		
1581 | 			<a href="#option-id">class</a>
1582 | 			
1583 | 			<dl class="options">
1584 | 				<dt class="option-type-label">Type:</dt>
1585 | 
1586 | 				<dd class="option-type">String</dd>
1587 | 				
1588 | 				<dt class="option-default-label">Default:</dt>
1589 | 				<dd class="option-default">NULL</dd>
1590 | 			</dl>
1591 | 			
1592 | 		</div>
1593 | 		
1594 | 		<div class="option-description">
1595 | 			
1596 | 			<h6>Description</h6>
1597 | 
1598 | 		
1599 | 			<p>
1600 | 	This is the <code>class</code> attribute that will be appended to the map.</p>
1601 | 
1602 | 									
1603 | 			<h6>Code Examples</h6>
1604 | 			
1605 | 			<code class="box">
1606 | 				&#123;exp:gmap:init id="center_demo" address="Broadripple Village, Indianapolis" center="Indianapolis, IN" class="map"&#125; 
1607 | 			</code>
1608 | 
1609 | 			
1610 | 		</div>
1611 | 		
1612 | 	</li>
1613 | 	
1614 | 	<li id="google-maps-for-expressionengine-expgmapinit-style">
1615 | 	
1616 | 		<div class="option-header">
1617 | 		
1618 | 			<a href="#option-id">style</a>
1619 | 			
1620 | 			<dl class="options">
1621 | 				<dt class="option-type-label">Type:</dt>
1622 | 				<dd class="option-type">String</dd>
1623 | 
1624 | 				
1625 | 				<dt class="option-default-label">Default:</dt>
1626 | 				<dd class="option-default">NULL</dd>
1627 | 			</dl>
1628 | 			
1629 | 		</div>
1630 | 		
1631 | 		<div class="option-description">
1632 | 			
1633 | 			<h6>Description</h6>
1634 | 		
1635 | 			<p>
1636 | 
1637 | 	This is the <code>style</code> attribute that will be appended to the map.</p>
1638 | 
1639 | 									
1640 | 			<h6>Code Examples</h6>
1641 | 			
1642 | 			<code class="box">
1643 | 				&#123;exp:gmap:init id="map_demo" address="Broadripple Village, Indianapolis" center="Indianapolis, IN" style="width:400px; height:300px"&#125; 
1644 | 			</code>
1645 | 			
1646 | 		</div>
1647 | 
1648 | 		
1649 | 	</li>
1650 | 	
1651 | 	<li id="google-maps-for-expressionengine-expgmapinit-address">
1652 | 	
1653 | 		<div class="option-header">
1654 | 		
1655 | 			<a href="#option-id">address</a>
1656 | 			
1657 | 			<dl class="options">
1658 | 				<dt class="option-type-label">Type:</dt>
1659 | 				<dd class="option-type">Address</dd>
1660 | 
1661 | 				
1662 | 				<dt class="option-default-label">Default:</dt>
1663 | 				<dd class="option-default">NULL</dd>
1664 | 			</dl>
1665 | 			
1666 | 		</div>
1667 | 		
1668 | 		<div class="option-description">
1669 | 			
1670 | 			<h6>Description</h6>
1671 | 		
1672 | 			<p>
1673 | 
1674 | 	The <code>address</code> is required to create a static map unless you define a <code>latitude</code> and <code>longitude</code>.</p>
1675 | 
1676 | 									
1677 | 			<h6>Code Examples</h6>
1678 | 			
1679 | 			<code class="box">
1680 | 
1681 | 				&#123;exp:gmap:init id="map_demo" address="Denver, CO"&#125; 
1682 | 			</code>
1683 | 			
1684 | 		</div>
1685 | 		
1686 | 	</li>
1687 | 	
1688 | 	<li id="google-maps-for-expressionengine-expgmapinit-latitude">
1689 | 	
1690 | 		<div class="option-header">
1691 | 		
1692 | 			<a href="#option-id">latitude</a>
1693 | 			
1694 | 			<dl class="options">
1695 | 
1696 | 				<dt class="option-type-label">Type:</dt>
1697 | 				<dd class="option-type">Degree</dd>
1698 | 				
1699 | 				<dt class="option-default-label">Default:</dt>
1700 | 				<dd class="option-default">0</dd>
1701 | 			</dl>
1702 | 			
1703 | 		</div>
1704 | 		
1705 | 		<div class="option-description">
1706 | 
1707 | 			
1708 | 			<h6>Description</h6>
1709 | 		
1710 | 			<p>
1711 | 	You can define a single latitude and longitude degree if you don&#39;t need to use the geocoder.</p>
1712 | 
1713 | 									
1714 | 			<h6>Code Examples</h6>
1715 | 			
1716 | 			<code class="box">
1717 | 				&#123;exp:gmap:init id="map_canvas" latitude="0" longitude="0"&#125;
1718 | 
1719 | 			</code>
1720 | 			
1721 | 		</div>
1722 | 		
1723 | 	</li>
1724 | 	
1725 | 	<li id="google-maps-for-expressionengine-expgmapinit-longitude">
1726 | 	
1727 | 		<div class="option-header">
1728 | 		
1729 | 			<a href="#option-id">longitude</a>
1730 | 			
1731 | 			<dl class="options">
1732 | 				<dt class="option-type-label">Type:</dt>
1733 | 
1734 | 				<dd class="option-type">Degree</dd>
1735 | 				
1736 | 				<dt class="option-default-label">Default:</dt>
1737 | 				<dd class="option-default">0</dd>
1738 | 			</dl>
1739 | 			
1740 | 		</div>
1741 | 		
1742 | 		<div class="option-description">
1743 | 			
1744 | 			<h6>Description</h6>
1745 | 
1746 | 		
1747 | 			<p>
1748 | 	You can define a single latitude and longitude degree if you don&#39;t need to use the geocoder.</p>
1749 | 
1750 | 									
1751 | 			<h6>Code Examples</h6>
1752 | 			
1753 | 			<code class="box">
1754 | 				&#123;exp:gmap:init id="map_canvas" latitude="0" longitude="0"&#125;
1755 | 			</code>
1756 | 
1757 | 			
1758 | 		</div>
1759 | 		
1760 | 	</li>
1761 | 	
1762 | 	<li id="google-maps-for-expressionengine-expgmapinit-center">
1763 | 	
1764 | 		<div class="option-header">
1765 | 		
1766 | 			<a href="#option-id">center</a>
1767 | 			
1768 | 			<dl class="options">
1769 | 				<dt class="option-type-label">Type:</dt>
1770 | 				<dd class="option-type">Address</dd>
1771 | 
1772 | 				
1773 | 				<dt class="option-default-label">Default:</dt>
1774 | 				<dd class="option-default">NULL</dd>
1775 | 			</dl>
1776 | 			
1777 | 		</div>
1778 | 		
1779 | 		<div class="option-description">
1780 | 			
1781 | 			<h6>Description</h6>
1782 | 		
1783 | 			<p>
1784 | 
1785 | 	When the <code>center</code> is set, it will override the default center location.</p>
1786 | 
1787 | 									
1788 | 			<h6>Code Examples</h6>
1789 | 			
1790 | 			<code class="box">
1791 | 				&#123;exp:gmap:init id="center_demo" address="Broadripple Village, Indianapolis" center="Indianapolis, IN"&#125;
1792 | 			</code>
1793 | 
1794 | 			
1795 | 		</div>
1796 | 		
1797 | 	</li>
1798 | 	
1799 | 	<li id="google-maps-for-expressionengine-expgmapinit-zoom">
1800 | 	
1801 | 		<div class="option-header">
1802 | 		
1803 | 			<a href="#option-id">zoom</a>
1804 | 			
1805 | 			<dl class="options">
1806 | 				<dt class="option-type-label">Type:</dt>
1807 | 				<dd class="option-type">Integer (1-20)</dd>
1808 | 
1809 | 				
1810 | 				<dt class="option-default-label">Default:</dt>
1811 | 				<dd class="option-default">FALSE</dd>
1812 | 			</dl>
1813 | 			
1814 | 		</div>
1815 | 		
1816 | 		<div class="option-description">
1817 | 			
1818 | 			<h6>Description</h6>
1819 | 		
1820 | 			<p>
1821 | 
1822 | 	The <code>zoom</code> the same field that the Google Maps API implements.</p>
1823 | 
1824 | 									
1825 | 			<h6>Code Examples</h6>
1826 | 			
1827 | 			<code class="box">
1828 | 				&#123;exp:gmap:init id="center_demo" address="Broadripple Village, Indianapolis" center="Indianapolis, IN" zoom="5"&#125;
1829 | 			</code>
1830 | 
1831 | 			
1832 | 		</div>
1833 | 		
1834 | 	</li>
1835 | 	
1836 | 	<li id="google-maps-for-expressionengine-expgmapinit-map_type">
1837 | 	
1838 | 		<div class="option-header">
1839 | 		
1840 | 			<a href="#option-id">map_type</a>
1841 | 			
1842 | 			<dl class="options">
1843 | 				<dt class="option-type-label">Type:</dt>
1844 | 				<dd class="option-type">mapTypeId</dd>
1845 | 
1846 | 				
1847 | 				<dt class="option-default-label">Default:</dt>
1848 | 				<dd class="option-default">ROADMAP</dd>
1849 | 			</dl>
1850 | 			
1851 | 		</div>
1852 | 		
1853 | 		<div class="option-description">
1854 | 			
1855 | 			<h6>Description</h6>
1856 | 		
1857 | 			<p>
1858 | 
1859 | 	This attribute is an alias for the <code>mapTypeId</code> property of the Google Map API.</p>
1860 | 
1861 | 									
1862 | 			<h6>Code Examples</h6>
1863 | 			
1864 | 			<code class="box">
1865 | 				&#123;exp:gmap id="center_demo" address="Broadripple Village, Indianapolis" center="Indianapolis, IN" map_type="TERRAIN"&#125;
1866 | 			</code>
1867 | 
1868 | 			
1869 | 		</div>
1870 | 		
1871 | 	</li>
1872 | 	
1873 | 	<li id="google-maps-for-expressionengine-expgmapinit-address_field">
1874 | 	
1875 | 		<div class="option-header">
1876 | 		
1877 | 			<a href="#option-id">address_field</a>
1878 | 			
1879 | 			<dl class="options">
1880 | 				<dt class="option-type-label">Type:</dt>
1881 | 				<dd class="option-type">Channel Field Name</dd>
1882 | 
1883 | 				
1884 | 				<dt class="option-default-label">Default:</dt>
1885 | 				<dd class="option-default">NULL</dd>
1886 | 			</dl>
1887 | 			
1888 | 		</div>
1889 | 		
1890 | 		<div class="option-description">
1891 | 			
1892 | 			<h6>Description</h6>
1893 | 		
1894 | 			<p>
1895 | 
1896 | 	The <code>address_field</code> attribute is the first part of the address string. You can use any field in the <code>channel</code> attribute is required to use this attribute.</p>
1897 | <p>
1898 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
1899 | 
1900 | 									
1901 | 			<h6>Code Examples</h6>
1902 | 			
1903 | 			<code class="box">
1904 | 				&#123;exp:gmap:init id="map_demo" channel="map_demo" address_field="map_address"&#125;
1905 | 			</code>
1906 | 			
1907 | 		</div>
1908 | 		
1909 | 	</li>
1910 | 	
1911 | 	<li id="google-maps-for-expressionengine-expgmapinit-city_field">
1912 | 	
1913 | 		<div class="option-header">
1914 | 
1915 | 		
1916 | 			<a href="#option-id">city_field</a>
1917 | 			
1918 | 			<dl class="options">
1919 | 				<dt class="option-type-label">Type:</dt>
1920 | 				<dd class="option-type">Channel Field Name</dd>
1921 | 				
1922 | 				<dt class="option-default-label">Default:</dt>
1923 | 				<dd class="option-default">NULL</dd>
1924 | 
1925 | 			</dl>
1926 | 			
1927 | 		</div>
1928 | 		
1929 | 		<div class="option-description">
1930 | 			
1931 | 			<h6>Description</h6>
1932 | 		
1933 | 			<p>
1934 | 	The <code>city_field</code> attribute is the second part of the address string. You can use any field in the <code>channel</code> attribute is required to use this attribute.</p>
1935 | 
1936 | <p>
1937 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
1938 | 
1939 | 									
1940 | 			<h6>Code Examples</h6>
1941 | 			
1942 | 			<code class="box">
1943 | 				&#123;exp:gmap id="map_demo" channel="map_demo" address_field="map_address" city_field="map_city"&#125;
1944 | 			</code>
1945 | 
1946 | 			
1947 | 		</div>
1948 | 		
1949 | 	</li>
1950 | 	
1951 | 	<li id="google-maps-for-expressionengine-expgmapinit-state_field">
1952 | 	
1953 | 		<div class="option-header">
1954 | 		
1955 | 			<a href="#option-id">state_field</a>
1956 | 			
1957 | 			<dl class="options">
1958 | 				<dt class="option-type-label">Type:</dt>
1959 | 				<dd class="option-type">Channel Field Name</dd>
1960 | 
1961 | 				
1962 | 				<dt class="option-default-label">Default:</dt>
1963 | 				<dd class="option-default">NULL</dd>
1964 | 			</dl>
1965 | 			
1966 | 		</div>
1967 | 		
1968 | 		<div class="option-description">
1969 | 			
1970 | 			<h6>Description</h6>
1971 | 		
1972 | 			<p>
1973 | 
1974 | 	The <code>state_field</code> is used for the third part of the address string. You can use any field in the <code>channel</code>.</p>
1975 | <p>
1976 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
1977 | 
1978 | 									
1979 | 			<h6>Code Examples</h6>
1980 | 
1981 | 			
1982 | 			<code class="box">
1983 | 				&#123;exp:gmap:init id="map_demo" channel="map_demo" address_field="map_address" city_field="map_city" state_field="map_state"&#125;
1984 | 			</code>
1985 | 			
1986 | 		</div>
1987 | 		
1988 | 	</li>
1989 | 	
1990 | 	<li id="google-maps-for-expressionengine-expgmapinit-zipcode_field">
1991 | 	
1992 | 		<div class="option-header">
1993 | 		
1994 | 			<a href="#option-id">zipcode_field</a>
1995 | 
1996 | 			
1997 | 			<dl class="options">
1998 | 				<dt class="option-type-label">Type:</dt>
1999 | 				<dd class="option-type">Channel Field Name</dd>
2000 | 				
2001 | 				<dt class="option-default-label">Default:</dt>
2002 | 				<dd class="option-default">NULL</dd>
2003 | 			</dl>
2004 | 			
2005 | 		</div>
2006 | 
2007 | 		
2008 | 		<div class="option-description">
2009 | 			
2010 | 			<h6>Description</h6>
2011 | 		
2012 | 			<p>
2013 | 	The <code>zipcode_field</code> is used for the fourth part of the address string. You can use any field in the <code>channel</code>.</p>
2014 | <p>
2015 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
2016 | 
2017 | 									
2018 | 			<h6>Code Examples</h6>
2019 | 			
2020 | 			<code class="box">
2021 | 				&#123;exp:gmap:init id="map_demo" channel="map_demo"  address_field="map_address" city_field="map_city" state_field="map_state" zipcode_field="map_zipcode"&#125;
2022 | 			</code>
2023 | 			
2024 | 		</div>
2025 | 		
2026 | 	</li>
2027 | 	
2028 | 	<li id="google-maps-for-expressionengine-expgmapinit-country_field">
2029 | 
2030 | 	
2031 | 		<div class="option-header">
2032 | 		
2033 | 			<a href="#option-id">country_field</a>
2034 | 			
2035 | 			<dl class="options">
2036 | 				<dt class="option-type-label">Type:</dt>
2037 | 				<dd class="option-type">Channel Field Name</dd>
2038 | 				
2039 | 				<dt class="option-default-label">Default:</dt>
2040 | 				<dd class="option-default">NULL</dd>
2041 | 
2042 | 			</dl>
2043 | 			
2044 | 		</div>
2045 | 		
2046 | 		<div class="option-description">
2047 | 			
2048 | 			<h6>Description</h6>
2049 | 		
2050 | 			<p>
2051 | 	The <code>country_field</code> is used for the final part of the address string. You can use any field in the <code>channel</code> attribute is required to use this attribute.</p>
2052 | 
2053 | <p>
2054 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
2055 | 
2056 | 									
2057 | 			<h6>Code Examples</h6>
2058 | 			
2059 | 			<code class="box">
2060 | 				&#123;exp:gmap:init id="map_demo" channel="map_demo"  address_field="map_address" city_field="map_city" state_field="map_state" zipcode_field="map_zipcode" country_field="map_zipcode"&#125;
2061 | 			</code>
2062 | 
2063 | 			
2064 | 		</div>
2065 | 		
2066 | 	</li>
2067 | 	
2068 | 	<li id="google-maps-for-expressionengine-expgmapinit-latitude_field">
2069 | 	
2070 | 		<div class="option-header">
2071 | 		
2072 | 			<a href="#option-id">latitude_field</a>
2073 | 			
2074 | 			<dl class="options">
2075 | 				<dt class="option-type-label">Type:</dt>
2076 | 				<dd class="option-type">Channel Field Name</dd>
2077 | 
2078 | 				
2079 | 				<dt class="option-default-label">Default:</dt>
2080 | 				<dd class="option-default">NULL</dd>
2081 | 			</dl>
2082 | 			
2083 | 		</div>
2084 | 		
2085 | 		<div class="option-description">
2086 | 			
2087 | 			<h6>Description</h6>
2088 | 		
2089 | 			<p>
2090 | 
2091 | 	The <code>latitude_field</code> is used to retrieve the latitude from a channel, just like the address fields.</p>
2092 | <p>
2093 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
2094 | 
2095 | 									
2096 | 			<h6>Code Examples</h6>
2097 | 
2098 | 			
2099 | 			<code class="box">
2100 | 				&#123;exp:gmap:init id="map_canvas" channel="map_demo" latitude_field="map_latitude" longitude="map_longitude"&#125;
2101 | 			</code>
2102 | 			
2103 | 		</div>
2104 | 		
2105 | 	</li>
2106 | 	
2107 | 	<li id="google-maps-for-expressionengine-expgmapinit-longitude_field">
2108 | 	
2109 | 		<div class="option-header">
2110 | 		
2111 | 			<a href="#option-id">longitude_field</a>
2112 | 
2113 | 			
2114 | 			<dl class="options">
2115 | 				<dt class="option-type-label">Type:</dt>
2116 | 				<dd class="option-type">Channel Field Name</dd>
2117 | 				
2118 | 				<dt class="option-default-label">Default:</dt>
2119 | 				<dd class="option-default">NULL</dd>
2120 | 			</dl>
2121 | 			
2122 | 		</div>
2123 | 
2124 | 		
2125 | 		<div class="option-description">
2126 | 			
2127 | 			<h6>Description</h6>
2128 | 		
2129 | 			<p>
2130 | 	The <code>longitude_field</code> is used to retrieve the longitude from a channel, just like the address fields.</p>
2131 | <p>
2132 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
2133 | 
2134 | 									
2135 | 			<h6>Code Examples</h6>
2136 | 			
2137 | 			<code class="box">
2138 | 				&#123;exp:gmap:init id="map_canvas" channel="map_demo" latitude_field="map_latitude" longitude="map_longitude"&#125;
2139 | 			</code>
2140 | 			
2141 | 		</div>
2142 | 		
2143 | 	</li>
2144 | 	
2145 | 	<li id="google-maps-for-expressionengine-expgmapinit-zoom_field">
2146 | 
2147 | 	
2148 | 		<div class="option-header">
2149 | 		
2150 | 			<a href="#option-id">zoom_field</a>
2151 | 			
2152 | 			<dl class="options">
2153 | 				<dt class="option-type-label">Type:</dt>
2154 | 				<dd class="option-type">Channel Field Name</dd>
2155 | 				
2156 | 				<dt class="option-default-label">Default:</dt>
2157 | 				<dd class="option-default">NULL</dd>
2158 | 
2159 | 			</dl>
2160 | 			
2161 | 		</div>
2162 | 		
2163 | 		<div class="option-description">
2164 | 			
2165 | 			<h6>Description</h6>
2166 | 		
2167 | 			<p>
2168 | 	The <code>zoom_field</code> is used to retrieve a custom zoom from a channel, just like the address and long/lat fields.</p>
2169 | 
2170 | <p>
2171 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
2172 | 
2173 | 									
2174 | 			<h6>Code Examples</h6>
2175 | 			
2176 | 			<code class="box">
2177 | 				&#123;exp:gmap:init id="map_canvas" channel="map_demo" latitude_field="map_latitude" longitude="map_longitude" zoom_field="map_zoom"&#125;
2178 | 			</code>
2179 | 
2180 | 			
2181 | 		</div>
2182 | 		
2183 | 	</li>
2184 | 	
2185 | 	<li id="google-maps-for-expressionengine-expgmapinit-gmap_field">
2186 | 	
2187 | 		<div class="option-header">
2188 | 		
2189 | 			<a href="#option-id">gmap_field</a>
2190 | 			
2191 | 			<dl class="options">
2192 | 				<dt class="option-type-label">Type:</dt>
2193 | 				<dd class="option-type">Custom Field Name</dd>
2194 | 
2195 | 				
2196 | 				<dt class="option-default-label">Default:</dt>
2197 | 				<dd class="option-default">NULL</dd>
2198 | 			</dl>
2199 | 			
2200 | 		</div>
2201 | 		
2202 | 		<div class="option-description">
2203 | 			
2204 | 			<h6>Description</h6>
2205 | 		
2206 | 			<p>
2207 | 
2208 | 	The <code>gmap_field</code> is used to retrieve the longitude from a channel, just like the address fields. Except the main difference is this field specfically refers the fieldtype that is included with the plugin.</p>
2209 | <p>
2210 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
2211 | 
2212 | 									
2213 | 			<h6>Code Examples</h6>
2214 | 
2215 | 			
2216 | 			<code class="box">
2217 | 				&#123;exp:gmap:init id="map_canvas"  channel="map_demo" gmap_field="map_gmap"&#125;
2218 | 			</code>
2219 | 			
2220 | 		</div>
2221 | 		
2222 | 	</li>
2223 | 	
2224 | 	<li id="google-maps-for-expressionengine-expgmapinit-lat_lng">
2225 | 	
2226 | 		<div class="option-header">
2227 | 		
2228 | 			<a href="#option-id">lat_lng</a>
2229 | 
2230 | 			
2231 | 			<dl class="options">
2232 | 				<dt class="option-type-label">Type:</dt>
2233 | 				<dd class="option-type">Coordinate String</dd>
2234 | 				
2235 | 				<dt class="option-default-label">Default:</dt>
2236 | 				<dd class="option-default">NULL</dd>
2237 | 			</dl>
2238 | 			
2239 | 		</div>
2240 | 
2241 | 		
2242 | 		<div class="option-description">
2243 | 			
2244 | 			<h6>Description</h6>
2245 | 		
2246 | 			
2247 | 									
2248 | 			<h6>Code Examples</h6>
2249 | 			
2250 | 			<code class="box">
2251 | 				&#123;exp:gmap:init id="map_canvas"  channel="map_demo" lat_lng="(0, 0)(10, 10)(20, 20)"&#125;
2252 | 			</code>
2253 | 			
2254 | 		</div>
2255 | 
2256 | 		
2257 | 	</li>
2258 | 	
2259 | 	<li id="google-maps-for-expressionengine-expgmapinit-hide_markers">
2260 | 	
2261 | 		<div class="option-header">
2262 | 		
2263 | 			<a href="#option-id">hide_markers</a>
2264 | 			
2265 | 			<dl class="options">
2266 | 				<dt class="option-type-label">Type:</dt>
2267 | 				<dd class="option-type">Boolean</dd>
2268 | 
2269 | 				
2270 | 				<dt class="option-default-label">Default:</dt>
2271 | 				<dd class="option-default">FALSE</dd>
2272 | 			</dl>
2273 | 			
2274 | 		</div>
2275 | 		
2276 | 		<div class="option-description">
2277 | 			
2278 | 			<h6>Description</h6>
2279 | 		
2280 | 			
2281 | 									
2282 | 			<h6>Code Examples</h6>
2283 | 
2284 | 			
2285 | 			<code class="box">
2286 | 				&#123;exp:gmap:init id="map_canvas" latitude="32" longitude="-85" zoom="9" hide_markers="true"&#125;
2287 | 			</code>
2288 | 			
2289 | 		</div>
2290 | 		
2291 | 	</li>
2292 | 	
2293 | 	<li id="google-maps-for-expressionengine-expgmapinit-open_windows">
2294 | 	
2295 | 		<div class="option-header">
2296 | 		
2297 | 			<a href="#option-id">open_windows</a>
2298 | 
2299 | 			
2300 | 			<dl class="options">
2301 | 				<dt class="option-type-label">Type:</dt>
2302 | 				<dd class="option-type">Boolean</dd>
2303 | 				
2304 | 				<dt class="option-default-label">Default:</dt>
2305 | 				<dd class="option-default">FALSE</dd>
2306 | 			</dl>
2307 | 			
2308 | 		</div>
2309 | 
2310 | 		
2311 | 		<div class="option-description">
2312 | 			
2313 | 			<h6>Description</h6>
2314 | 		
2315 | 			
2316 | 									
2317 | 			<h6>Code Examples</h6>
2318 | 			
2319 | 			<code class="box">
2320 | 				&#123;exp:gmap:init id="map_canvas" latitude="32" longitude="-85" zoom="9" open_windows="true"&#125;
2321 | 			</code>
2322 | 			
2323 | 		</div>
2324 | 
2325 | 		
2326 | 	</li>
2327 | 	
2328 | 	<li id="google-maps-for-expressionengine-expgmapinit-style_link">
2329 | 	
2330 | 		<div class="option-header">
2331 | 		
2332 | 			<a href="#option-id">style_link</a>
2333 | 			
2334 | 			<dl class="options">
2335 | 				<dt class="option-type-label">Type:</dt>
2336 | 				<dd class="option-type">String</dd>
2337 | 
2338 | 				
2339 | 				<dt class="option-default-label">Default:</dt>
2340 | 				<dd class="option-default">NULL</dd>
2341 | 			</dl>
2342 | 			
2343 | 		</div>
2344 | 		
2345 | 		<div class="option-description">
2346 | 			
2347 | 			<h6>Description</h6>
2348 | 		
2349 | 			
2350 | 									
2351 | 			<h6>Code Examples</h6>
2352 | 
2353 | 			
2354 | 			<code class="box">
2355 | 				&#123;exp:gmap:init id="map_canvas" style_link="/-/script/gmap-styles.js" address="Canada"&#125;Marker 1&#123;/exp:gmap:init&#125;
2356 | 			</code>
2357 | 			
2358 | 		</div>
2359 | 		
2360 | 	</li>
2361 | 	
2362 | 	<li id="google-maps-for-expressionengine-expgmapinit-style_object">
2363 | 	
2364 | 		<div class="option-header">
2365 | 
2366 | 		
2367 | 			<a href="#option-id">style_object</a>
2368 | 			
2369 | 			<dl class="options">
2370 | 				<dt class="option-type-label">Type:</dt>
2371 | 				<dd class="option-type">String</dd>
2372 | 				
2373 | 				<dt class="option-default-label">Default:</dt>
2374 | 				<dd class="option-default">stylez</dd>
2375 | 
2376 | 			</dl>
2377 | 			
2378 | 		</div>
2379 | 		
2380 | 		<div class="option-description">
2381 | 			
2382 | 			<h6>Description</h6>
2383 | 		
2384 | 			
2385 | 									
2386 | 			<h6>Code Examples</h6>
2387 | 			
2388 | 			<code class="box">
2389 | 				&#123;exp:gmap:init id="map_canvas" style_link="/-/script/gmap-styles.js" style_object="myStyles" address="Canada"&#125;Marker 1&#123;/exp:gmap:init&#125;
2390 | 
2391 | 			</code>
2392 | 			
2393 | 		</div>
2394 | 		
2395 | 	</li>
2396 | 	
2397 | 	<li id="google-maps-for-expressionengine-expgmapinit-extend_bounds">
2398 | 	
2399 | 		<div class="option-header">
2400 | 		
2401 | 			<a href="#option-id">extend_bounds</a>
2402 | 			
2403 | 			<dl class="options">
2404 | 				<dt class="option-type-label">Type:</dt>
2405 | 
2406 | 				<dd class="option-type">Boolean</dd>
2407 | 				
2408 | 				<dt class="option-default-label">Default:</dt>
2409 | 				<dd class="option-default">TRUE</dd>
2410 | 			</dl>
2411 | 			
2412 | 		</div>
2413 | 		
2414 | 		<div class="option-description">
2415 | 			
2416 | 			<h6>Description</h6>
2417 | 
2418 | 		
2419 | 			
2420 | 									
2421 | 			<h6>Code Examples</h6>
2422 | 			
2423 | 			<code class="box">
2424 | 				&#123;exp:gmap:init id="map_canvas" channel="map_demo" latitude_field="map_latitude" longitude_field="map_longitude" extend_bounds="false" zoom="10"&#125;
2425 | 			</code>
2426 | 			
2427 | 		</div>
2428 | 		
2429 | 	</li>
2430 | 	
2431 | 	<li id="google-maps-for-expressionengine-expgmapinit-show_one_window">
2432 | 	
2433 | 		<div class="option-header">
2434 | 
2435 | 		
2436 | 			<a href="#option-id">show_one_window</a>
2437 | 			
2438 | 			<dl class="options">
2439 | 				<dt class="option-type-label">Type:</dt>
2440 | 				<dd class="option-type">Boolean</dd>
2441 | 				
2442 | 				<dt class="option-default-label">Default:</dt>
2443 | 				<dd class="option-default">FALSE</dd>
2444 | 
2445 | 			</dl>
2446 | 			
2447 | 		</div>
2448 | 		
2449 | 		<div class="option-description">
2450 | 			
2451 | 			<h6>Description</h6>
2452 | 		
2453 | 			
2454 | 									
2455 | 			<h6>Code Examples</h6>
2456 | 			
2457 | 			<code class="box">
2458 | 				&#123;exp:gmap:init id="map_canvas" channel="map_demo" latitude_field="map_latitude" longitude_field="map_longitude" show_one_window="true"&#125;
2459 | 
2460 | 			</code>
2461 | 			
2462 | 		</div>
2463 | 		
2464 | 	</li>
2465 | 	
2466 | 	<li id="google-maps-for-expressionengine-expgmapinit-icon">
2467 | 	
2468 | 		<div class="option-header">
2469 | 		
2470 | 			<a href="#option-id">icon</a>
2471 | 			
2472 | 			<dl class="options">
2473 | 				<dt class="option-type-label">Type:</dt>
2474 | 
2475 | 				<dd class="option-type">String</dd>
2476 | 				
2477 | 				<dt class="option-default-label">Default:</dt>
2478 | 				<dd class="option-default">NULL</dd>
2479 | 			</dl>
2480 | 			
2481 | 		</div>
2482 | 		
2483 | 		<div class="option-description">
2484 | 			
2485 | 			<h6>Description</h6>
2486 | 
2487 | 		
2488 | 			
2489 | 									
2490 | 			<h6>Code Examples</h6>
2491 | 			
2492 | 			<code class="box">
2493 | 				&#123;exp:gmap:init id="map_canvas" channel="map_demo" latitude_field="map_latitude" longitude_field="map_longitude" icon="/some/file/path/icon.png"&#125;
2494 | 			</code>
2495 | 			
2496 | 		</div>
2497 | 		
2498 | 	</li>
2499 | 	
2500 | 	<li id="google-maps-for-expressionengine-expgmapinit-show_coordinate">
2501 | 	
2502 | 		<div class="option-header">
2503 | 
2504 | 		
2505 | 			<a href="#option-id">show_coordinate</a>
2506 | 			
2507 | 			<dl class="options">
2508 | 				<dt class="option-type-label">Type:</dt>
2509 | 				<dd class="option-type">Boolean</dd>
2510 | 				
2511 | 				<dt class="option-default-label">Default:</dt>
2512 | 				<dd class="option-default">FALSE</dd>
2513 | 
2514 | 			</dl>
2515 | 			
2516 | 		</div>
2517 | 		
2518 | 		<div class="option-description">
2519 | 			
2520 | 			<h6>Description</h6>
2521 | 		
2522 | 			
2523 | 									
2524 | 			<h6>Code Examples</h6>
2525 | 			
2526 | 			<code class="box">
2527 | 				&#123;exp:gmap:init id="map_canvas" channel="map_demo" latitude_field="map_latitude" longitude_field="map_longitude" show_coordinate="true"&#125;
2528 | 
2529 | 			</code>
2530 | 			
2531 | 		</div>
2532 | 		
2533 | 	</li>
2534 | 	
2535 | 	<li id="google-maps-for-expressionengine-expgmapinit-add_title_to_dropdown">
2536 | 	
2537 | 		<div class="option-header">
2538 | 		
2539 | 			<a href="#option-id">add_title_to_dropdown</a>
2540 | 			
2541 | 			<dl class="options">
2542 | 				<dt class="option-type-label">Type:</dt>
2543 | 
2544 | 				<dd class="option-type">Boolean</dd>
2545 | 				
2546 | 				<dt class="option-default-label">Default:</dt>
2547 | 				<dd class="option-default">TRUE</dd>
2548 | 			</dl>
2549 | 			
2550 | 		</div>
2551 | 		
2552 | 		<div class="option-description">
2553 | 			
2554 | 			<h6>Description</h6>
2555 | 
2556 | 		
2557 | 			
2558 | 									
2559 | 			<h6>Code Examples</h6>
2560 | 			
2561 | 			<code class="box">
2562 | 				&#123;exp:gmap:init id="map_canvas" channel="map_demo" latitude_field="map_latitude" longitude_field="map_longitude" show_coordinate="true" add_title_to_dropdown="true"&#125;
2563 | 			</code>
2564 | 			
2565 | 		</div>
2566 | 		
2567 | 	</li>
2568 | 	
2569 | </ul>
2570 | 
2571 | 			</div>
2572 | 
2573 | 
2574 | 
2575 | 	<div class="reference methods" id="google-maps-for-expressionengine-expgmapmarker">
2576 | 
2577 | 		<h5 class="method">&#123;exp:gmap:marker&#125;</h5>
2578 | 		
2579 | 		<div class="method-description">
2580 | 			<p>
2581 | 	This method allows you the freedom to initialize a Google Map outside of the <code>exp:channel:entries</code> tag. You can save coordinates inside a Matrix table, for example, and add them to a map you have initialized.</p>
2582 | 
2583 | <p>
2584 | 	Most of the same parameters can be used along with <code>exp:gmap</code>. You can even use this method to loop through your entries with all the same channel parameters just as a <code>exp:channel:entries</code> tag.</p>
2585 | <p>
2586 | 	<em>Note, if you use this method you must use it in conjunction with the <code>exp:gmap:init</code> method.</em></p>
2587 | 
2588 | 		</div>
2589 | 		
2590 | 					
2591 | <ul>
2592 | 	
2593 | 	<li id="google-maps-for-expressionengine-expgmapmarker-id">
2594 | 	
2595 | 		<div class="option-header">
2596 | 		
2597 | 			<a href="#option-id">id</a>
2598 | 			
2599 | 			<dl class="options">
2600 | 				<dt class="option-type-label">Type:</dt>
2601 | 				<dd class="option-type">String</dd>
2602 | 
2603 | 				
2604 | 				<dt class="option-default-label">Default:</dt>
2605 | 				<dd class="option-default">NULL</dd>
2606 | 			</dl>
2607 | 			
2608 | 		</div>
2609 | 		
2610 | 		<div class="option-description">
2611 | 			
2612 | 			<h6>Description</h6>
2613 | 		
2614 | 			<p>
2615 | 
2616 | 	This should be the same value used as the <code>id</code> parameter used to initialize the map. This is how the method knows which map to add a marker to. This is also helpful if you have two maps on a page and want to dynamically add them to one or the other. (Why you would want to do that, I don&#39;t know, but now you can.)</p>
2617 | 
2618 | 									
2619 | 			<h6>Code Examples</h6>
2620 | 			
2621 | 			<code class="box">
2622 | 				&#123;exp:gmap:marker id="map1" address="South Africa"&#125;South Africa&#123;/exp:gmap:marker&#125;
2623 | 
2624 | 			</code>
2625 | 			
2626 | 		</div>
2627 | 		
2628 | 	</li>
2629 | 	
2630 | 	<li id="google-maps-for-expressionengine-expgmapmarker-address">
2631 | 	
2632 | 		<div class="option-header">
2633 | 		
2634 | 			<a href="#option-id">address</a>
2635 | 			
2636 | 			<dl class="options">
2637 | 				<dt class="option-type-label">Type:</dt>
2638 | 
2639 | 				<dd class="option-type">Address</dd>
2640 | 				
2641 | 				<dt class="option-default-label">Default:</dt>
2642 | 				<dd class="option-default">NULL</dd>
2643 | 			</dl>
2644 | 			
2645 | 		</div>
2646 | 		
2647 | 		<div class="option-description">
2648 | 			
2649 | 			<h6>Description</h6>
2650 | 
2651 | 		
2652 | 			<p>
2653 | 	The <code>address</code> is required to create a static map unless you define a <code>latitude</code> and <code>longitude</code>.</p>
2654 | 
2655 | 									
2656 | 			<h6>Code Examples</h6>
2657 | 
2658 | 			
2659 | 			<code class="box">
2660 | 				&#123;exp:gmap id="map_demo" address="Denver, CO"&#125; 
2661 | 			</code>
2662 | 			
2663 | 		</div>
2664 | 		
2665 | 	</li>
2666 | 	
2667 | 	<li id="google-maps-for-expressionengine-expgmapmarker-latitude">
2668 | 	
2669 | 		<div class="option-header">
2670 | 		
2671 | 			<a href="#option-id">latitude</a>
2672 | 
2673 | 			
2674 | 			<dl class="options">
2675 | 				<dt class="option-type-label">Type:</dt>
2676 | 				<dd class="option-type">Degree</dd>
2677 | 				
2678 | 				<dt class="option-default-label">Default:</dt>
2679 | 				<dd class="option-default">0</dd>
2680 | 			</dl>
2681 | 			
2682 | 		</div>
2683 | 
2684 | 		
2685 | 		<div class="option-description">
2686 | 			
2687 | 			<h6>Description</h6>
2688 | 		
2689 | 			<p>
2690 | 	You can define a single latitude and longitude degree if you don&#39;t need to use the geocoder.</p>
2691 | 
2692 | 									
2693 | 			<h6>Code Examples</h6>
2694 | 			
2695 | 			<code class="box">
2696 | 
2697 | 				&#123;exp:gmap id="map_demo" address="Denver, CO"&#125; 
2698 | 			</code>
2699 | 			
2700 | 		</div>
2701 | 		
2702 | 	</li>
2703 | 	
2704 | 	<li id="google-maps-for-expressionengine-expgmapmarker-longitude">
2705 | 	
2706 | 		<div class="option-header">
2707 | 		
2708 | 			<a href="#option-id">longitude</a>
2709 | 			
2710 | 			<dl class="options">
2711 | 
2712 | 				<dt class="option-type-label">Type:</dt>
2713 | 				<dd class="option-type">Degree</dd>
2714 | 				
2715 | 				<dt class="option-default-label">Default:</dt>
2716 | 				<dd class="option-default">0</dd>
2717 | 			</dl>
2718 | 			
2719 | 		</div>
2720 | 		
2721 | 		<div class="option-description">
2722 | 
2723 | 			
2724 | 			<h6>Description</h6>
2725 | 		
2726 | 			<p>
2727 | 	You can define a single latitude and longitude degree if you don&#39;t need to use the geocoder.</p>
2728 | 
2729 | 									
2730 | 			<h6>Code Examples</h6>
2731 | 			
2732 | 			<code class="box">
2733 | 				&#123;exp:gmap id="map_canvas" latitude="0" longitude="0"&#125;
2734 | 
2735 | 			</code>
2736 | 			
2737 | 		</div>
2738 | 		
2739 | 	</li>
2740 | 	
2741 | 	<li id="google-maps-for-expressionengine-expgmapmarker-center">
2742 | 	
2743 | 		<div class="option-header">
2744 | 		
2745 | 			<a href="#option-id">center</a>
2746 | 			
2747 | 			<dl class="options">
2748 | 				<dt class="option-type-label">Type:</dt>
2749 | 
2750 | 				<dd class="option-type">Address</dd>
2751 | 				
2752 | 				<dt class="option-default-label">Default:</dt>
2753 | 				<dd class="option-default">NULL</dd>
2754 | 			</dl>
2755 | 			
2756 | 		</div>
2757 | 		
2758 | 		<div class="option-description">
2759 | 			
2760 | 			<h6>Description</h6>
2761 | 
2762 | 		
2763 | 			<p>
2764 | 	When the <code>center</code> is set, it will override the default center location.</p>
2765 | 
2766 | 									
2767 | 			<h6>Code Examples</h6>
2768 | 			
2769 | 			<code class="box">
2770 | 				&#123;exp:gmap id="center_demo" address="Broadripple Village, Indianapolis" center="Indianapolis, IN"&#125;
2771 | 
2772 | 			</code>
2773 | 			
2774 | 		</div>
2775 | 		
2776 | 	</li>
2777 | 	
2778 | 	<li id="google-maps-for-expressionengine-expgmapmarker-zoom">
2779 | 	
2780 | 		<div class="option-header">
2781 | 		
2782 | 			<a href="#option-id">zoom</a>
2783 | 			
2784 | 			<dl class="options">
2785 | 				<dt class="option-type-label">Type:</dt>
2786 | 
2787 | 				<dd class="option-type">Integer (1-20)</dd>
2788 | 				
2789 | 				<dt class="option-default-label">Default:</dt>
2790 | 				<dd class="option-default">FALSE</dd>
2791 | 			</dl>
2792 | 			
2793 | 		</div>
2794 | 		
2795 | 		<div class="option-description">
2796 | 			
2797 | 			<h6>Description</h6>
2798 | 
2799 | 		
2800 | 			<p>
2801 | 	The <code>zoom</code> the same field that the Google Maps API implements.</p>
2802 | 
2803 | 									
2804 | 			<h6>Code Examples</h6>
2805 | 			
2806 | 			<code class="box">
2807 | 				&#123;exp:gmap id="center_demo" address="Broadripple Village, Indianapolis" center="Indianapolis, IN" zoom="5"&#125;
2808 | 
2809 | 			</code>
2810 | 			
2811 | 		</div>
2812 | 		
2813 | 	</li>
2814 | 	
2815 | 	<li id="google-maps-for-expressionengine-expgmapmarker-address_field">
2816 | 	
2817 | 		<div class="option-header">
2818 | 		
2819 | 			<a href="#option-id">address_field</a>
2820 | 			
2821 | 			<dl class="options">
2822 | 				<dt class="option-type-label">Type:</dt>
2823 | 
2824 | 				<dd class="option-type">Channel Field Name</dd>
2825 | 				
2826 | 				<dt class="option-default-label">Default:</dt>
2827 | 				<dd class="option-default">NULL</dd>
2828 | 			</dl>
2829 | 			
2830 | 		</div>
2831 | 		
2832 | 		<div class="option-description">
2833 | 			
2834 | 			<h6>Description</h6>
2835 | 
2836 | 		
2837 | 			<p>
2838 | 	The <code>address_field</code> attribute is the first part of the address string. You can use any field in the <code>channel</code> attribute is required to use this attribute.</p>
2839 | <p>
2840 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
2841 | 
2842 | 									
2843 | 			<h6>Code Examples</h6>
2844 | 			
2845 | 			<code class="box">
2846 | 				&#123;exp:gmap id="map_demo" channel="map_demo" address_field="map_address"&#125;
2847 | 			</code>
2848 | 			
2849 | 		</div>
2850 | 		
2851 | 	</li>
2852 | 	
2853 | 	<li id="google-maps-for-expressionengine-expgmapmarker-city_field">
2854 | 
2855 | 	
2856 | 		<div class="option-header">
2857 | 		
2858 | 			<a href="#option-id">city_field</a>
2859 | 			
2860 | 			<dl class="options">
2861 | 				<dt class="option-type-label">Type:</dt>
2862 | 				<dd class="option-type">Channel Field Name</dd>
2863 | 				
2864 | 				<dt class="option-default-label">Default:</dt>
2865 | 				<dd class="option-default">NULL</dd>
2866 | 
2867 | 			</dl>
2868 | 			
2869 | 		</div>
2870 | 		
2871 | 		<div class="option-description">
2872 | 			
2873 | 			<h6>Description</h6>
2874 | 		
2875 | 			<p>
2876 | 	The <code>city_field</code> attribute is the second part of the address string. You can use any field in the <code>channel</code> attribute is required to use this attribute.</p>
2877 | 
2878 | <p>
2879 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
2880 | 
2881 | 									
2882 | 			<h6>Code Examples</h6>
2883 | 			
2884 | 			<code class="box">
2885 | 				&#123;exp:gmap id="map_demo" channel="map_demo"  address_field="map_address" city_field="map_city"&#125;
2886 | 			</code>
2887 | 
2888 | 			
2889 | 		</div>
2890 | 		
2891 | 	</li>
2892 | 	
2893 | 	<li id="google-maps-for-expressionengine-expgmapmarker-state_field">
2894 | 	
2895 | 		<div class="option-header">
2896 | 		
2897 | 			<a href="#option-id">state_field</a>
2898 | 			
2899 | 			<dl class="options">
2900 | 				<dt class="option-type-label">Type:</dt>
2901 | 				<dd class="option-type">Channel Field Name</dd>
2902 | 
2903 | 				
2904 | 				<dt class="option-default-label">Default:</dt>
2905 | 				<dd class="option-default">NULL</dd>
2906 | 			</dl>
2907 | 			
2908 | 		</div>
2909 | 		
2910 | 		<div class="option-description">
2911 | 			
2912 | 			<h6>Description</h6>
2913 | 		
2914 | 			<p>
2915 | 
2916 | 	The <code>state_field</code> is used for the third part of the address string. You can use any field in the <code>channel</code>.</p>
2917 | <p>
2918 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
2919 | 
2920 | 									
2921 | 			<h6>Code Examples</h6>
2922 | 
2923 | 			
2924 | 			<code class="box">
2925 | 				&#123;exp:gmap id="map_demo"  channel="map_demo" address_field="map_address" city_field="map_city" state_field="map_state"&#125;
2926 | 			</code>
2927 | 			
2928 | 		</div>
2929 | 		
2930 | 	</li>
2931 | 	
2932 | 	<li id="google-maps-for-expressionengine-expgmapmarker-zipcode_field">
2933 | 	
2934 | 		<div class="option-header">
2935 | 		
2936 | 			<a href="#option-id">zipcode_field</a>
2937 | 
2938 | 			
2939 | 			<dl class="options">
2940 | 				<dt class="option-type-label">Type:</dt>
2941 | 				<dd class="option-type">Channel Field Name</dd>
2942 | 				
2943 | 				<dt class="option-default-label">Default:</dt>
2944 | 				<dd class="option-default">NULL</dd>
2945 | 			</dl>
2946 | 			
2947 | 		</div>
2948 | 
2949 | 		
2950 | 		<div class="option-description">
2951 | 			
2952 | 			<h6>Description</h6>
2953 | 		
2954 | 			<p>
2955 | 	The <code>zipcode_field</code> is used for the fourth part of the address string. You can use any field in the <code>channel</code>.</p>
2956 | <p>
2957 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
2958 | 
2959 | 									
2960 | 			<h6>Code Examples</h6>
2961 | 			
2962 | 			<code class="box">
2963 | 				&#123;exp:gmap id="map_demo" channel="map_demo"  address_field="map_address" city_field="map_city" state_field="map_state" zipcode_field="map_zipcode"&#125;
2964 | 			</code>
2965 | 			
2966 | 		</div>
2967 | 		
2968 | 	</li>
2969 | 	
2970 | 	<li id="google-maps-for-expressionengine-expgmapmarker-country_field">
2971 | 
2972 | 	
2973 | 		<div class="option-header">
2974 | 		
2975 | 			<a href="#option-id">country_field</a>
2976 | 			
2977 | 			<dl class="options">
2978 | 				<dt class="option-type-label">Type:</dt>
2979 | 				<dd class="option-type">Channel Field Name</dd>
2980 | 				
2981 | 				<dt class="option-default-label">Default:</dt>
2982 | 				<dd class="option-default">NULL</dd>
2983 | 
2984 | 			</dl>
2985 | 			
2986 | 		</div>
2987 | 		
2988 | 		<div class="option-description">
2989 | 			
2990 | 			<h6>Description</h6>
2991 | 		
2992 | 			<p>
2993 | 	The <code>country_field</code> is used for the final part of the address string. You can use any field in the <code>channel</code> attribute is required to use this attribute.</p>
2994 | 
2995 | <p>
2996 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
2997 | 
2998 | 									
2999 | 			<h6>Code Examples</h6>
3000 | 			
3001 | 			<code class="box">
3002 | 				&#123;exp:gmap id="map_demo" channel="map_demo"  address_field="map_address" city_field="map_city" state_field="map_state" zipcode_field="map_zipcode" country_field="map_zipcode"&#125;
3003 | 			</code>
3004 | 
3005 | 			
3006 | 		</div>
3007 | 		
3008 | 	</li>
3009 | 	
3010 | 	<li id="google-maps-for-expressionengine-expgmapmarker-latitude_field">
3011 | 	
3012 | 		<div class="option-header">
3013 | 		
3014 | 			<a href="#option-id">latitude_field</a>
3015 | 			
3016 | 			<dl class="options">
3017 | 				<dt class="option-type-label">Type:</dt>
3018 | 				<dd class="option-type">Channel Field Name</dd>
3019 | 
3020 | 				
3021 | 				<dt class="option-default-label">Default:</dt>
3022 | 				<dd class="option-default">NULL</dd>
3023 | 			</dl>
3024 | 			
3025 | 		</div>
3026 | 		
3027 | 		<div class="option-description">
3028 | 			
3029 | 			<h6>Description</h6>
3030 | 		
3031 | 			<p>
3032 | 
3033 | 	The <code>latitude_field</code> is used to retrieve the latitude from a channel, just like the address fields.</p>
3034 | <p>
3035 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
3036 | 
3037 | 									
3038 | 			<h6>Code Examples</h6>
3039 | 
3040 | 			
3041 | 			<code class="box">
3042 | 				&#123;exp:gmap id="map_canvas"  channel="map_demo" latitude_field="map_latitude" longitude="map_longitude"&#125;
3043 | 			</code>
3044 | 			
3045 | 		</div>
3046 | 		
3047 | 	</li>
3048 | 	
3049 | 	<li id="google-maps-for-expressionengine-expgmapmarker-longitude_field">
3050 | 	
3051 | 		<div class="option-header">
3052 | 		
3053 | 			<a href="#option-id">longitude_field</a>
3054 | 
3055 | 			
3056 | 			<dl class="options">
3057 | 				<dt class="option-type-label">Type:</dt>
3058 | 				<dd class="option-type">Channel Field Name</dd>
3059 | 				
3060 | 				<dt class="option-default-label">Default:</dt>
3061 | 				<dd class="option-default">NULL</dd>
3062 | 			</dl>
3063 | 			
3064 | 		</div>
3065 | 
3066 | 		
3067 | 		<div class="option-description">
3068 | 			
3069 | 			<h6>Description</h6>
3070 | 		
3071 | 			<p>
3072 | 	The <code>longitude_field</code> is used to retrieve the longitude from a channel, just like the address fields.</p>
3073 | <p>
3074 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
3075 | 
3076 | 									
3077 | 			<h6>Code Examples</h6>
3078 | 			
3079 | 			<code class="box">
3080 | 				&#123;exp:gmap id="map_canvas" channel="map_demo"  latitude_field="map_latitude" longitude="map_longitude"&#125;
3081 | 			</code>
3082 | 			
3083 | 		</div>
3084 | 		
3085 | 	</li>
3086 | 	
3087 | 	<li id="google-maps-for-expressionengine-expgmapmarker-zoom_field">
3088 | 
3089 | 	
3090 | 		<div class="option-header">
3091 | 		
3092 | 			<a href="#option-id">zoom_field</a>
3093 | 			
3094 | 			<dl class="options">
3095 | 				<dt class="option-type-label">Type:</dt>
3096 | 				<dd class="option-type">Channel Field Name</dd>
3097 | 				
3098 | 				<dt class="option-default-label">Default:</dt>
3099 | 				<dd class="option-default">NULL</dd>
3100 | 
3101 | 			</dl>
3102 | 			
3103 | 		</div>
3104 | 		
3105 | 		<div class="option-description">
3106 | 			
3107 | 			<h6>Description</h6>
3108 | 		
3109 | 			<p>
3110 | 	The <code>zoom_field</code> is used to retrieve a custom zoom from a channel, just like the address and long/lat fields.</p>
3111 | 
3112 | <p>
3113 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
3114 | 
3115 | 									
3116 | 			<h6>Code Examples</h6>
3117 | 			
3118 | 			<code class="box">
3119 | 				&#123;exp:gmap id="map_canvas"  channel="map_demo" latitude_field="map_latitude" longitude="map_longitude" zoom_field="map_zoom"&#125;
3120 | 			</code>
3121 | 
3122 | 			
3123 | 		</div>
3124 | 		
3125 | 	</li>
3126 | 	
3127 | 	<li id="google-maps-for-expressionengine-expgmapmarker-gmap_field">
3128 | 	
3129 | 		<div class="option-header">
3130 | 		
3131 | 			<a href="#option-id">gmap_field</a>
3132 | 			
3133 | 			<dl class="options">
3134 | 				<dt class="option-type-label">Type:</dt>
3135 | 				<dd class="option-type">Custom Field Name</dd>
3136 | 
3137 | 				
3138 | 				<dt class="option-default-label">Default:</dt>
3139 | 				<dd class="option-default">NULL</dd>
3140 | 			</dl>
3141 | 			
3142 | 		</div>
3143 | 		
3144 | 		<div class="option-description">
3145 | 			
3146 | 			<h6>Description</h6>
3147 | 		
3148 | 			<p>
3149 | 
3150 | 	The <code>gmap_field</code> is used to retrieve the longitude from a channel, just like the address fields. Except the main difference is this field specfically refers the fieldtype that is included with the plugin.</p>
3151 | <p>
3152 | 	<i>The <code>channel</code> attribute is required to use this attribute.</i></p>
3153 | 
3154 | 									
3155 | 			<h6>Code Examples</h6>
3156 | 
3157 | 			
3158 | 			<code class="box">
3159 | 				&#123;exp:gmap id="map_canvas"  channel="map_demo" gmap_field="map_gmap"&#125;
3160 | 			</code>
3161 | 			
3162 | 		</div>
3163 | 		
3164 | 	</li>
3165 | 	
3166 | 	<li id="google-maps-for-expressionengine-expgmapmarker-lat_lng">
3167 | 	
3168 | 		<div class="option-header">
3169 | 		
3170 | 			<a href="#option-id">lat_lng</a>
3171 | 
3172 | 			
3173 | 			<dl class="options">
3174 | 				<dt class="option-type-label">Type:</dt>
3175 | 				<dd class="option-type">Coordinate String</dd>
3176 | 				
3177 | 				<dt class="option-default-label">Default:</dt>
3178 | 				<dd class="option-default">NULL</dd>
3179 | 			</dl>
3180 | 			
3181 | 		</div>
3182 | 
3183 | 		
3184 | 		<div class="option-description">
3185 | 			
3186 | 			<h6>Description</h6>
3187 | 		
3188 | 			<p>
3189 | 	You can define a custom coordinate string with a specific format. This format is used by the fieldtype to plot the coordinates. If you need to, you can plot the string, rather than the field.</p>
3190 | 
3191 | 									
3192 | 			<h6>Code Examples</h6>
3193 | 			
3194 | 			<code class="box">
3195 | 				&#123;exp:gmap id="map_canvas"  channel="map_demo" lat_lng="(0, 0)(10, 10)(20, 20)"&#125;
3196 | 
3197 | 			</code>
3198 | 			
3199 | 		</div>
3200 | 		
3201 | 	</li>
3202 | 	
3203 | 	<li id="google-maps-for-expressionengine-expgmapmarker-open_windows">
3204 | 	
3205 | 		<div class="option-header">
3206 | 		
3207 | 			<a href="#option-id">open_windows</a>
3208 | 			
3209 | 			<dl class="options">
3210 | 				<dt class="option-type-label">Type:</dt>
3211 | 
3212 | 				<dd class="option-type">Boolean</dd>
3213 | 				
3214 | 				<dt class="option-default-label">Default:</dt>
3215 | 				<dd class="option-default">FALSE</dd>
3216 | 			</dl>
3217 | 			
3218 | 		</div>
3219 | 		
3220 | 		<div class="option-description">
3221 | 			
3222 | 			<h6>Description</h6>
3223 | 
3224 | 		
3225 | 			<p>
3226 | 	If you want to open the info windows by default, set this property to true.</p>
3227 | 
3228 | 									
3229 | 			<h6>Code Examples</h6>
3230 | 			
3231 | 			<code class="box">
3232 | 				&#123;exp:gmap id="map_canvas" latitude="32" longitude="-85" zoom="9" open_windows="true"&#125;
3233 | 			</code>
3234 | 			
3235 | 		</div>
3236 | 
3237 | 		
3238 | 	</li>
3239 | 	
3240 | 	<li id="google-maps-for-expressionengine-expgmapmarker-extend_bounds">
3241 | 	
3242 | 		<div class="option-header">
3243 | 		
3244 | 			<a href="#option-id">extend_bounds</a>
3245 | 			
3246 | 			<dl class="options">
3247 | 				<dt class="option-type-label">Type:</dt>
3248 | 				<dd class="option-type">Boolean</dd>
3249 | 
3250 | 				
3251 | 				<dt class="option-default-label">Default:</dt>
3252 | 				<dd class="option-default">TRUE</dd>
3253 | 			</dl>
3254 | 			
3255 | 		</div>
3256 | 		
3257 | 		<div class="option-description">
3258 | 			
3259 | 			<h6>Description</h6>
3260 | 		
3261 | 			<p>
3262 | 
3263 | 	By default the plugin extends the map of bounds to automically adjust the center and zoom to fit all the points. If you want to disable this feature, set this parameter <code>false</code>.</p>
3264 | 
3265 | 									
3266 | 			<h6>Code Examples</h6>
3267 | 			
3268 | 			<code class="box">
3269 | 				&#123;exp:gmap id="map_canvas" channel="map_demo" latitude_field="map_latitude" longitude_field="map_longitude" extend_bounds="false" zoom="10"&#125;
3270 | 			</code>
3271 | 			
3272 | 		</div>
3273 | 
3274 | 		
3275 | 	</li>
3276 | 	
3277 | 	<li id="google-maps-for-expressionengine-expgmapmarker-show_one_window">
3278 | 	
3279 | 		<div class="option-header">
3280 | 		
3281 | 			<a href="#option-id">show_one_window</a>
3282 | 			
3283 | 			<dl class="options">
3284 | 				<dt class="option-type-label">Type:</dt>
3285 | 				<dd class="option-type">Boolean</dd>
3286 | 
3287 | 				
3288 | 				<dt class="option-default-label">Default:</dt>
3289 | 				<dd class="option-default">FALSE</dd>
3290 | 			</dl>
3291 | 			
3292 | 		</div>
3293 | 		
3294 | 		<div class="option-description">
3295 | 			
3296 | 			<h6>Description</h6>
3297 | 		
3298 | 			<p>
3299 | 
3300 | 	If you want to limit the amount of windows that are open at a time to one, set this parameter to <code>true</code>.</p>
3301 | 
3302 | 									
3303 | 			<h6>Code Examples</h6>
3304 | 			
3305 | 			<code class="box">
3306 | 				&#123;exp:gmap id="map_canvas" channel="map_demo" latitude_field="map_latitude" longitude_field="map_longitude" show_one_window="true"&#125;
3307 | 			</code>
3308 | 			
3309 | 		</div>
3310 | 
3311 | 		
3312 | 	</li>
3313 | 	
3314 | 	<li id="google-maps-for-expressionengine-expgmapmarker-icon">
3315 | 	
3316 | 		<div class="option-header">
3317 | 		
3318 | 			<a href="#option-id">icon</a>
3319 | 			
3320 | 			<dl class="options">
3321 | 				<dt class="option-type-label">Type:</dt>
3322 | 				<dd class="option-type">String</dd>
3323 | 
3324 | 				
3325 | 				<dt class="option-default-label">Default:</dt>
3326 | 				<dd class="option-default">NULL</dd>
3327 | 			</dl>
3328 | 			
3329 | 		</div>
3330 | 		
3331 | 		<div class="option-description">
3332 | 			
3333 | 			<h6>Description</h6>
3334 | 		
3335 | 			<p>
3336 | 
3337 | 	If you want to define a custom image to use for the map icon, use this parameter.</p>
3338 | 
3339 | 									
3340 | 			<h6>Code Examples</h6>
3341 | 			
3342 | 			<code class="box">
3343 | 				&#123;exp:gmap id="map_canvas" channel="map_demo" latitude_field="map_latitude" longitude_field="map_longitude" icon="/some/file/path/icon.png"&#125;
3344 | 			</code>
3345 | 			
3346 | 		</div>
3347 | 		
3348 | 	</li>
3349 | 
3350 | 	
3351 | 	<li id="google-maps-for-expressionengine-expgmapmarker-show_coordinate">
3352 | 	
3353 | 		<div class="option-header">
3354 | 		
3355 | 			<a href="#option-id">show_coordinate</a>
3356 | 			
3357 | 			<dl class="options">
3358 | 				<dt class="option-type-label">Type:</dt>
3359 | 				<dd class="option-type">Boolean</dd>
3360 | 				
3361 | 				<dt class="option-default-label">Default:</dt>
3362 | 
3363 | 				<dd class="option-default">TRUE</dd>
3364 | 			</dl>
3365 | 			
3366 | 		</div>
3367 | 		
3368 | 	</li>
3369 | 	
3370 | </ul>
3371 | 
3372 | 			</div>
3373 | 
3374 | 
3375 | 
3376 | 	<div class="reference methods" id="google-maps-for-expressionengine-expgmapcenter">
3377 | 
3378 | 		<h5 class="method">&#123;exp:gmap:center&#125;</h5>
3379 | 		
3380 | 		<div class="method-description">
3381 | 
3382 | 			<p>
3383 | 	This is a stand-alone method that allows you to change the map&#39;s center after it&#39;s been initialized and the markers have been added.</p>
3384 | <p>
3385 | 	<em>Note, if you intend to change the center point after the map has been initialized and points have been added, make sure you set the <code>extend_bounds</code> parameter to <code>false</code>.</em></p>
3386 | 
3387 | 		</div>
3388 | 		
3389 | 					
3390 | <ul>
3391 | 	
3392 | 	<li id="google-maps-for-expressionengine-expgmapcenter-id">
3393 | 	
3394 | 		<div class="option-header">
3395 | 		
3396 | 			<a href="#option-id">id</a>
3397 | 			
3398 | 			<dl class="options">
3399 | 				<dt class="option-type-label">Type:</dt>
3400 | 				<dd class="option-type">String</dd>
3401 | 
3402 | 				
3403 | 				<dt class="option-default-label">Default:</dt>
3404 | 				<dd class="option-default">NULL</dd>
3405 | 			</dl>
3406 | 			
3407 | 		</div>
3408 | 		
3409 | 		<div class="option-description">
3410 | 			
3411 | 			<h6>Description</h6>
3412 | 		
3413 | 			<p>
3414 | 
3415 | 	This should be the same value used as the <code>id</code> parameter used to initialize the map. This is how the method knows which map to add a marker to. This is also helpful if you have two maps on a page and want to dynamically add them to one or the other. (Why you would want to do that, I don&#39;t know, but now you can.)</p>
3416 | 
3417 | 									
3418 | 			<h6>Code Examples</h6>
3419 | 			
3420 | 			<code class="box">
3421 | 				&#123;exp:gmap:center id="map_canvas" address="New Zealand"&#125;
3422 | 			</code>
3423 | 
3424 | 			
3425 | 		</div>
3426 | 		
3427 | 	</li>
3428 | 	
3429 | 	<li id="google-maps-for-expressionengine-expgmapcenter-address">
3430 | 	
3431 | 		<div class="option-header">
3432 | 		
3433 | 			<a href="#option-id">address</a>
3434 | 			
3435 | 			<dl class="options">
3436 | 				<dt class="option-type-label">Type:</dt>
3437 | 				<dd class="option-type">String</dd>
3438 | 
3439 | 				
3440 | 				<dt class="option-default-label">Default:</dt>
3441 | 				<dd class="option-default">NULL</dd>
3442 | 			</dl>
3443 | 			
3444 | 		</div>
3445 | 		
3446 | 		<div class="option-description">
3447 | 			
3448 | 			<h6>Description</h6>
3449 | 		
3450 | 			<p>
3451 | 
3452 | 	The <code>address</code> is required to center the map unless you define a <code>latitude</code> and <code>longitude</code>.</p>
3453 | 
3454 | 									
3455 | 			<h6>Code Examples</h6>
3456 | 			
3457 | 			<code class="box">
3458 | 
3459 | 				&#123;exp:gmap:center id="map_canvas" address="New Zealand"&#125;
3460 | 			</code>
3461 | 			
3462 | 		</div>
3463 | 		
3464 | 	</li>
3465 | 	
3466 | 	<li id="google-maps-for-expressionengine-expgmapcenter-latitude">
3467 | 	
3468 | 		<div class="option-header">
3469 | 		
3470 | 			<a href="#option-id">latitude</a>
3471 | 			
3472 | 			<dl class="options">
3473 | 
3474 | 				<dt class="option-type-label">Type:</dt>
3475 | 				<dd class="option-type">Degree</dd>
3476 | 				
3477 | 				<dt class="option-default-label">Default:</dt>
3478 | 				<dd class="option-default">NULL</dd>
3479 | 			</dl>
3480 | 			
3481 | 		</div>
3482 | 		
3483 | 		<div class="option-description">
3484 | 
3485 | 			
3486 | 			<h6>Description</h6>
3487 | 		
3488 | 			<p>
3489 | 	You can define a single latitude and longitude degree if you don&#39;t need to use the geocoder.</p>
3490 | 
3491 | 									
3492 | 			<h6>Code Examples</h6>
3493 | 			
3494 | 			<code class="box">
3495 | 				&#123;exp:gmap:center id="map_canvas" latitude="50" longitude="-21"&#125;
3496 | 
3497 | 			</code>
3498 | 			
3499 | 		</div>
3500 | 		
3501 | 	</li>
3502 | 	
3503 | </ul>
3504 | 
3505 | 			</div>
3506 | 
3507 | 
3508 | 
3509 | 	<div class="reference methods" id="google-maps-for-expressionengine-expgmapzoom">
3510 | 
3511 | 		<h5 class="method">&#123;exp:gmap:zoom&#125;</h5>
3512 | 		
3513 | 		<div class="method-description">
3514 | 			<p>
3515 | 	This is a stand-alone method that allows you to change the map&#39;s zoom after it&#39;s been initialized and the markers have been added.</p>
3516 | <p>
3517 | 	<em>Note, if you intend to change the zoom after the map has been initialized and points have been added, make sure you set the <code>extend_bounds</code> parameter to <code>false</code>.</em></p>
3518 | 
3519 | 		</div>
3520 | 		
3521 | 					
3522 | <ul>
3523 | 	
3524 | 	<li id="google-maps-for-expressionengine-expgmapzoom-id">
3525 | 	
3526 | 		<div class="option-header">
3527 | 		
3528 | 			<a href="#option-id">id</a>
3529 | 			
3530 | 			<dl class="options">
3531 | 				<dt class="option-type-label">Type:</dt>
3532 | 
3533 | 				<dd class="option-type">String</dd>
3534 | 				
3535 | 				<dt class="option-default-label">Default:</dt>
3536 | 				<dd class="option-default">NULL</dd>
3537 | 			</dl>
3538 | 			
3539 | 		</div>
3540 | 		
3541 | 		<div class="option-description">
3542 | 			
3543 | 			<h6>Description</h6>
3544 | 
3545 | 		
3546 | 			<p>This should be the same value used as the <code>id</code> parameter used to initialize the map. This is how the method knows which map to add a marker to. This is also helpful if you have two maps on a page and want to dynamically add them to one or the other. (Why you would want to do that, I don't know, but now you can.)</p>
3547 | 									
3548 | 			<h6>Code Examples</h6>
3549 | 			
3550 | 			<code class="box">
3551 | 				&#123;exp:gmap:zoom id="map_canvas" zoom="5"&#125;
3552 | 			</code>
3553 | 			
3554 | 		</div>
3555 | 
3556 | 		
3557 | 	</li>
3558 | 	
3559 | 	<li id="google-maps-for-expressionengine-expgmapzoom-zoom">
3560 | 	
3561 | 		<div class="option-header">
3562 | 		
3563 | 			<a href="#option-id">zoom</a>
3564 | 			
3565 | 			<dl class="options">
3566 | 				<dt class="option-type-label">Type:</dt>
3567 | 				<dd class="option-type">Integer (1-20)</dd>
3568 | 
3569 | 				
3570 | 				<dt class="option-default-label">Default:</dt>
3571 | 				<dd class="option-default">FALSE</dd>
3572 | 			</dl>
3573 | 			
3574 | 		</div>
3575 | 		
3576 | 		<div class="option-description">
3577 | 			
3578 | 			<h6>Description</h6>
3579 | 		
3580 | 			<p>
3581 | 
3582 | 	The <code>zoom</code> sets the zoom on the map and is the property that can be found in the Google Map&#39;s API. Since it&#39;s so common, it&#39;s listed here for referrence.</p>
3583 | 
3584 | 									
3585 | 			<h6>Code Examples</h6>
3586 | 			
3587 | 			<code class="box">
3588 | 				&#123;exp:gmap:zoom id="map_canvas" zoom="5"&#125;
3589 | 
3590 | 			</code>
3591 | 			
3592 | 		</div>
3593 | 		
3594 | 	</li>
3595 | 	
3596 | </ul>
3597 | 
3598 | 			</div>
3599 | 
3600 | 
3601 | 			
3602 | 		</div>
3603 | 				
3604 | 	</article>
3605 | 
3606 | 
3607 | 							
3608 | 		</section>
3609 | 		
3610 | 		<footer>
3611 | 
3612 | 		<div class="copyright">
3613 | 		
3614 | 			<p>
3615 | 				Copyright &copy; 2011 objectivehtml.com
3616 | 			</p>
3617 | 			
3618 | 		</div>
3619 | 
3620 | 	</div>
3621 | 
3622 | </footer>
3623 | 	
3624 | 	</div>
3625 | 
3626 | 	
3627 | </body>
3628 | 
3629 | </html>


--------------------------------------------------------------------------------
/third_party/gmap/config.php:
--------------------------------------------------------------------------------
 1 | <?php  if ( ! defined('BASEPATH')) exit('No direct script access allowed');
 2 | /**
 3 |  * Config file - Google Maps for ExpressionEngine
 4 |  *
 5 |  * @package			Google Maps for ExpressionEngine
 6 |  * @version			2.5
 7 |  * @author			Justin Kimbrell <http://objectivehtml.com>
 8 |  * @copyright 		Copyright (c) 2011 Justin Kimbrell <http://objectivehtml.com>
 9 |  * @license 		Creative Commons Attribution 3.0 Unported License -
10 |  					please see LICENSE file included with this distribution
11 |  * @link			http://objectivehtml.com/documentation/google-maps-for-expressionengine
12 |  */
13 | 
14 | /*
15 | | -------------------------------------------------------------------
16 | |  Plugin Name
17 | | -------------------------------------------------------------------
18 | */
19 | 
20 | $config['name']		= 'Google Maps For ExressionEngine';
21 | 
22 | 
23 | /*
24 | | -------------------------------------------------------------------
25 | |  Version
26 | | -------------------------------------------------------------------
27 | */
28 | 
29 | $config['version']	= '2.5';
30 | 
31 | 
32 | /* End of file gmap.php */
33 | /* Location: ./system/expressionengine/third_part/gmap/config.php */


--------------------------------------------------------------------------------
/third_party/gmap/config/gmap.php:
--------------------------------------------------------------------------------
1 | <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
2 | 
3 | $config['protect_javascript'] = 'n';


--------------------------------------------------------------------------------
/third_party/gmap/ft.gmap.php:
--------------------------------------------------------------------------------
  1 | <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
  2 | /**
  3 |  * Fieldtype - Google Maps for ExpressionEngine
  4 |  *
  5 |  * @package			Google Maps for ExpressionEngine
  6 |  * @version			2.5 - Build 20120131
  7 |  * @author			Justin Kimbrell <http://objectivehtml.com>
  8 |  * @copyright 		Copyright (c) 2012 Justin Kimbrell <http://objectivehtml.com>
  9 |  * @license 		Creative Commons Attribution 3.0 Unported License -
 10 |  					please see LICENSE file included with this distribution
 11 |  * @link			http://objectivehtml.com/google-maps
 12 |  */
 13 | 
 14 | class Gmap_ft extends EE_Fieldtype {
 15 | 
 16 | 	var $info = array(
 17 | 		'name'		=> 'Google Maps for ExpressionEngine',
 18 | 		'version'	=> '2.5'
 19 | 	);
 20 | 	
 21 | 	// --------------------------------------------------------------------
 22 | 	
 23 | 	
 24 | 	function install()
 25 | 	{
 26 | 		return array(
 27 | 			'gmap_map_height'		=> '500px',
 28 | 			'gmap_latitude'			=> '0',
 29 | 			'gmap_longitude'		=> '0',
 30 | 			'gmap_zoom'				=> 0,
 31 | 			'gmap_total_points'		=> 0,
 32 | 			'gmap_latitude_field'	=> NULL,
 33 | 			'gmap_longitude_field'	=> NULL
 34 | 		);
 35 | 	}
 36 | 	
 37 | 	function display_field($coords)
 38 | 	{	
 39 | 		$this->EE->load->config('gmap');
 40 | 		
 41 | 		$field = $this->EE->db->get_where('channel_fields', array('field_id' => $this->settings['field_id']))->row_array();
 42 | 				
 43 | 		$this->settings = unserialize(base64_decode($field['field_settings']));
 44 | 		
 45 | 		$coord_string = $coords;
 46 | 		$coords = explode('|', str_replace(')', '', str_replace('(', '', str_replace(')(', '|', $coords))));
 47 | 		
 48 | 		foreach($coords as $index => $value)
 49 | 		{
 50 | 			$coord = explode(', ', $value);
 51 | 			
 52 | 			if(count($coord) > 1)
 53 | 			{
 54 | 				$coords[$index] = array(
 55 | 					'lat' 	=> $coord[0],
 56 | 					'lng' 	=> $coord[1]
 57 | 				);
 58 | 			}			
 59 | 		}
 60 | 		
 61 | 		$options = array(
 62 | 			'gmap_map_height'	   => $this->settings['gmap_map_height'],
 63 | 			'gmap_latitude'		   => $this->settings['gmap_latitude'],
 64 | 			'gmap_longitude'	   => $this->settings['gmap_longitude'],
 65 | 			'gmap_zoom'			   => (int) $this->settings['gmap_zoom'],
 66 | 			'gmap_total_points'    => (int) $this->settings['gmap_total_points'],
 67 | 			'gmap_latitude_field'  => $this->settings['gmap_latitude_field'],
 68 | 			'gmap_longitude_field' => $this->settings['gmap_longitude_field']
 69 | 		);
 70 | 			
 71 | 		if($options['gmap_latitude_field'] || $options['gmap_longitude_field'])
 72 | 		{
 73 | 			$this->EE->load->model('field_model');
 74 | 			
 75 | 			$lat_field = $this->EE->field_model->get_fields('', array(
 76 | 				'field_name' => $options['gmap_latitude_field']
 77 | 			))->row_array();
 78 | 			
 79 | 			$lng_field = $this->EE->field_model->get_fields('', array(
 80 | 				'field_name' => $options['gmap_longitude_field']
 81 | 			))->row_array();
 82 | 		}
 83 | 		
 84 | 		
 85 | 		$this->EE->cp->add_to_head('<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>');
 86 | 		
 87 | 		//$this->EE->javascript->set_global('gmap.'.$this->field_name.'.settings', $options);
 88 | 		
 89 | 		
 90 | 		$script = '';
 91 | 		foreach($options as $option => $value)
 92 | 			$script .= $option.': \''.$value.'\', ';
 93 | 		
 94 | 		$script = '{'.rtrim(trim($script), ',').'}';
 95 | 		
 96 | 		$center = '';
 97 | 		$populate_lat_lng = '';
 98 | 				
 99 | 		$lat_field['field_id'] = isset($lat_field['field_id']) ? $lat_field['field_id'] : '';
100 | 		$lng_field['field_id'] = isset($lng_field['field_id']) ? $lng_field['field_id'] : '';
101 | 		$lat_field['field_name'] = isset($lat_field['field_name']) ? $lat_field['field_name'] : '';
102 | 		$lng_field['field_name'] = isset($lng_field['field_name']) ? $lng_field['field_name'] : '';
103 | 		
104 | 		
105 | 		$populate_lat_lng_fn = '
106 | 		function populate_lat_lng(lat, lng) {
107 | 			$("#field_id_'.$lat_field['field_id'].', input[name=\''.$lat_field['field_name'].'\']").val(lat);
108 | 			$("#field_id_'.$lng_field['field_id'].', input[name=\''.$lng_field['field_name'].'\']").val(lng);
109 | 		}';
110 | 
111 | 		if(isset($lat_field) && count($lat_field) > 0 && isset($lng_field) && count($lng_field) > 0)
112 | 		{
113 | 			$populate_lat_lng = '
114 | 			fieldOpts.gmap_total_points = 1;
115 | 			populate_lat_lng(location.lat(), location.lng());
116 | 			';
117 | 		}
118 | 		
119 | 		foreach($coords as $coord)
120 | 		{
121 | 			$js_coords = '';
122 | 			if(is_array($coord))
123 | 			{
124 | 				$js_coords .= '
125 | 					location = new google.maps.LatLng('.$coord['lat'].', '.$coord['lng'].');
126 | 					
127 | 					gmap_add_marker(location);
128 | 		    		gmap_bounds.extend(location);
129 | 		    		gmap.fitBounds(gmap_bounds);
130 | 				';
131 | 			}
132 | 		}
133 | 		
134 | 		$this->EE->javascript->output('
135 | 		
136 | 			var fieldOpts 		= '.$script.';			
137 | 			
138 | 			var location 		= new google.maps.LatLng(fieldOpts.gmap_latitude, fieldOpts.gmap_longitude);
139 | 	 		var gmap_geocoder	= new google.maps.Geocoder();
140 | 	 		
141 | 			var myOptions = {
142 | 				zoom: parseInt(fieldOpts.gmap_zoom),
143 | 				center: location,
144 | 				scrollwheel: false,
145 | 				mapTypeId: google.maps.MapTypeId.ROADMAP,
146 | 				disableDoubleClickZoom: true
147 | 			}
148 | 						
149 | 			var gmap_canvas = $("#gmap_canvas").get(0);
150 | 			var gmap_coords = $("#gmap_coords");
151 | 			var gmap_button = document.getElementById("#gmap_submit");
152 | 
153 | 			var gmap = null;
154 | 			var gmap_bounds = null; 
155 | 
156 | 			var gmap_markers = [];
157 | 			var gmap_marker_count = 0;
158 | 					
159 | 			'.$populate_lat_lng_fn.'
160 | 	
161 | 			function gmap_remove_all_markers() {
162 | 				$(gmap_markers).each(function(i) {
163 | 					remove_marker(i);
164 | 				});
165 | 				
166 | 				gmap_coords.val("");
167 | 			}
168 | 			
169 | 			function remove_marker(id, title)
170 | 			{
171 | 				if(title) gmap_coords.val(gmap_coords.val().replace(title, ""));
172 | 				
173 | 				gmap_markers[id].setMap(null);
174 | 				
175 | 				if(gmap_marker_count > 0)
176 | 					gmap_marker_count--;
177 | 				else
178 | 					gmap_marker_count = 0;			
179 | 			}
180 | 			
181 | 			function gmap_add_marker(location, cancelCenter) {
182 | 				var element = gmap_marker_count;
183 | 				
184 | 				if(fieldOpts.gmap_total_points == 0 || fieldOpts.gmap_total_points > gmap_marker_count) {						
185 | 					'.$populate_lat_lng.'
186 | 					
187 | 					var marker = new google.maps.Marker({
188 | 			    		map: gmap,
189 | 			    		position: location,
190 | 			    		draggable: true,
191 | 			    		raiseOnDrag: true
192 | 					});
193 | 					
194 | 					gmap_markers[gmap_marker_count] = marker;
195 | 					
196 | 					if(!cancelCenter) {
197 | 						gmap_bounds.extend(location);
198 | 				    	gmap.fitBounds(gmap_bounds);
199 | 				    }
200 | 				    
201 | 					var html = "<div style=\"width:275px;height:100px:\">" + location + "<br><br>" + "<a href=\"#\" id=\""+element+"\" title=\""+location+"\" class=\"gmap-remove\">Remove from Map</a></div>";
202 | 							
203 | 					var infowindow = new google.maps.InfoWindow({
204 | 						content: html
205 | 					});
206 | 									
207 | 					google.maps.event.addListener(marker, \'dragstart\', function(event) {
208 | 						gmap_coords.val(gmap_coords.val().replace(String(event.latLng), \'\'));
209 | 					});
210 | 					
211 | 					google.maps.event.addListener(marker, \'dragend\', function(event) {
212 | 						var new_location = event.latLng;
213 | 						
214 | 						infowindow.setContent("<div style=\"width:275px;height:100px:\">" + new_location + "<br><br>" + "<a href=\"#\" id=\""+element+"\" title=\""+new_location+"\" class=\"gmap-remove\">Remove from Map</a></div>");
215 | 						
216 | 						gmap_coords.val(new_location + gmap_coords.val());
217 | 					});
218 | 									
219 | 					google.maps.event.addListener(marker, \'click\', function(event) {
220 | 						infowindow.open(gmap, marker);					
221 | 					});
222 | 					
223 | 					gmap_coords.val(location + gmap_coords.val());
224 | 					
225 | 					gmap_marker_count++;
226 | 				} else {
227 | 					alert("You can only add "+fieldOpts.gmap_total_points+" point(s) on the map.");
228 | 				}
229 | 			}
230 | 			
231 | 			$("#gmap_canvas").click(function(e) {
232 | 				$(this).unbind("click");
233 | 				
234 | 				// before we go any further, clear out input because we will recreate it via js
235 | 				gmap_coords.val("");
236 | 
237 | 				gmap = new google.maps.Map(gmap_canvas, myOptions);
238 | 				gmap_bounds = new google.maps.LatLngBounds(); 
239 | 				
240 | 				google.maps.event.addListener(gmap, \'dblclick\', function(event) {
241 | 			    	gmap_add_marker(event.latLng, true);
242 | 					
243 | 				});
244 | 							
245 | 				$(".gmap-remove").live("click", function() {
246 | 					var $t 		= $(this);
247 | 					var id 		= String($t.attr("id"));
248 | 					var title 	= $t.attr("title");
249 | 					
250 | 					remove_marker(id, title);
251 | 						
252 | 					return false;
253 | 				});
254 | 				
255 | 				$(".gmap-remove-all").click(function() {
256 | 					gmap_remove_all_markers();
257 | 					
258 | 					return false;
259 | 				});
260 | 						
261 | 				$("#gmap_address").keypress(function(event) {
262 | 					if(event.keyCode == 13)	{	
263 | 						$("#gmap_submit").click();
264 | 						return false;
265 | 					}
266 | 				});
267 | 										
268 | 				$("#gmap_submit").click(function() {
269 | 					(function () {  /* Fixes a known bug with Google\'s API with displaying the InfoWindow(s) */
270 | 						var address = $("#gmap_address").val();
271 | 						
272 | 						gmap_geocoder.geocode( { \'address\': address}, function(results, status) {
273 | 							if (status == google.maps.GeocoderStatus.OK) {
274 | 								
275 | 								var coord = results[0].geometry.location;
276 | 								
277 | 								gmap_add_marker(coord);
278 | 								
279 | 								$("#gmap_address").val("").focus();
280 | 							} else {
281 | 								alert("Geocode was not successful for the following reason: " + status);
282 | 							}
283 | 						});
284 | 					})();
285 | 				});
286 | 				
287 | 				gmap_coords.blur(function() {
288 | 					coord_string = $(this).val();
289 | 					coords = coord_string.split(\')(\');
290 | 					
291 | 					gmap_remove_all_markers();
292 | 						
293 | 					if(coord_string != \'\') {					
294 | 						for(i = 0; i < coords.length; i++) {
295 | 							var coord = coords[i].split(\', \');
296 | 							
297 | 							if(coord.length >= 2) {							
298 | 								var new_latitude 	= coord[0].replace(\'(\', \'\').replace(\')\', \'\');
299 | 								var new_longitude 	= coord[1].replace(\')\', \'\').replace(\'(\', \'\');
300 | 								
301 | 								var location = new google.maps.LatLng(new_latitude, new_longitude);
302 | 								
303 | 								gmap_add_marker(location);
304 | 							} else {
305 | 								alert("There is an error in the coordinate formatting: "+coord);
306 | 							}
307 | 						}
308 | 					}
309 | 					
310 | 				});
311 | 				
312 | 				' . $js_coords . '
313 | 			});
314 | 		
315 | 		');
316 | 		
317 | 		
318 | 		$vars = array(
319 | 			'height' 	 => $options['gmap_map_height'],
320 | 			'coords' 	 => $coord_string,
321 | 			'field_name' => $this->field_name
322 | 		);
323 | 		
324 | 		
325 | 		return $this->EE->load->view('map', $vars, TRUE);
326 | 	}
327 | 		
328 | 	function display_settings($data)
329 | 	{		
330 | 		// load the language file
331 | 		$this->EE->lang->loadfile('gmap');
332 | 		
333 | 		$data = array(			
334 | 			'gmap_latitude' 		=> isset($data['gmap_longitude'])       ? $data['gmap_latitude'] :
335 | 																	   $this->settings['gmap_latitude'],				'gmap_longitude' 		=> isset($data['gmap_longitude'])       ? $data['gmap_longitude'] :
336 | 																	   $this->settings['gmap_longitude'],				'gmap_zoom' 			=> isset($data['gmap_zoom'])            ? $data['gmap_zoom'] : 
337 | 																       $this->settings['gmap_zoom'],
338 | 			'gmap_total_points' 	=> isset($data['gmap_total_points'])    ? $data['gmap_total_points'] :
339 | 		 															   $this->settings['gmap_total_points'],
340 | 			'gmap_map_height' 		=> isset($data['gmap_map_height'])      ? $data['gmap_map_height'] : 
341 | 																   	   $this->settings['gmap_map_height'],
342 | 			'gmap_latitude_field' 	=> isset($data['gmap_latitude_field'])  ? $data['gmap_latitude_field'] : 
343 | 																	   $this->settings['gmap_latitude_field'],
344 | 			'gmap_longitude_field' 	=> isset($data['gmap_longitude_field']) ? $data['gmap_longitude_field'] : 
345 | 																	   $this->settings['gmap_longitude_field']
346 | 		);
347 | 				
348 | 		if(empty($data['gmap_latitude']))
349 | 			$data['gmap_latitude'] = 0;
350 | 		
351 | 		if(empty($data['gmap_longitude']))
352 | 			$data['gmap_longitude'] = 0;
353 | 							
354 | 		$this->EE->cp->add_to_head('<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>');
355 | 		
356 | 		$this->EE->javascript->output('
357 | 
358 |             var timer = setInterval(shouldInit, 1000);  // check if map should be inited
359 |             var mapInited = false;
360 | 
361 |             var gmap_canvas;
362 |             var gmap;
363 | 
364 |             function shouldInit()
365 |             {
366 |                 if(mapInited) return;
367 | 
368 |                 if($("#gmap_wrapper").is(":visible")) {
369 | 
370 |                     mapInited = true;
371 |                     clearInterval(timer);
372 | 
373 |                     gmap_canvas = $("#gmap_canvas").get(0);
374 | 
375 |                     var location 		= new google.maps.LatLng('.$data['gmap_latitude'].', '.$data['gmap_longitude'].');
376 |                     var gmap_geocoder	= new google.maps.Geocoder();
377 | 
378 |                     var myOptions = {
379 |                         zoom: '.$data['gmap_zoom'].',
380 |                         center: location,
381 |                         mapTypeId: google.maps.MapTypeId.ROADMAP
382 |                     }
383 | 
384 |                     gmap = new google.maps.Map(gmap_canvas, myOptions);
385 | 
386 |                     google.maps.event.addListener(gmap, \'center_changed\', function() {
387 |                         var center = gmap.getCenter();
388 |                         $("#gmap_latitude").val(center.lat());
389 |                         $("#gmap_longitude").val(center.lng());
390 |                     });
391 | 
392 |                     google.maps.event.addListener(gmap, \'zoom_changed\', function() {
393 |                         var zoom = gmap.getZoom();
394 |                         $("#gmap_zoom").val(zoom);
395 |                     });
396 |                 }
397 |             }
398 |           
399 | 			var gmap_canvas = $("#gmap_canvas").get(0);
400 | 			
401 | 			var location 		= new google.maps.LatLng('.$data['gmap_latitude'].', '.$data['gmap_longitude'].');
402 | 	 		var gmap_geocoder	= new google.maps.Geocoder();
403 | 	 		
404 | 			var myOptions = {
405 | 				zoom: '.$data['gmap_zoom'].',
406 | 				center: location,
407 | 				scrollwheel : false,
408 | 				mapTypeId: google.maps.MapTypeId.ROADMAP
409 | 			}
410 | 						
411 | 			var gmap = new google.maps.Map(gmap_canvas, myOptions);
412 | 			
413 | 			google.maps.event.addListener(gmap, \'center_changed\', function() {
414 | 				var center = gmap.getCenter();
415 | 				$("#gmap_latitude").val(center.lat());
416 | 				$("#gmap_longitude").val(center.lng());
417 | 			});
418 | 			
419 | 			google.maps.event.addListener(gmap, \'zoom_changed\', function() {
420 | 				var zoom = gmap.getZoom();
421 | 				$("#gmap_zoom").val(zoom);
422 | 			});
423 | 			
424 | 			$("#gmap_latitude, #gmap_longitude").blur(function() {
425 | 				var lat = parseFloat($("#gmap_latitude").val());
426 | 				var lng = parseFloat($("#gmap_longitude").val());
427 | 				
428 | 				if(!isNaN(lat) && !isNaN(lat)) {
429 | 					var new_location = new google.maps.LatLng(lat, lng);
430 | 				
431 | 					gmap.setCenter(new_location);
432 | 					
433 | 				} else {
434 | 					alert("Invalid latitude or longitude: "+lat+", "+lng);
435 | 				}
436 | 			});
437 | 			
438 | 			$("#gmap_zoom").blur(function() {
439 | 				var zoom = parseInt($("#gmap_zoom").val());
440 | 				
441 | 				if(zoom <= 20 && zoom >= 0) {
442 | 					gmap.setZoom(zoom);
443 | 				} else {
444 | 					alert("Invalid zoom: "+zoom+". The zoom must be between 0 and 20.");
445 | 				}
446 | 			});
447 | 			
448 | 			$("#gmap_map_height").blur(function() {
449 | 				$("#gmap_wrapper").css("height", $(this).val());
450 | 			});
451 | 		');
452 | 				
453 | 		$this->EE->table->add_row(
454 | 			lang('gmap_latitude', 'gmap_latitude').'<br>'.lang('gmap_latitude_description'),
455 | 			form_input(array(
456 | 				'name' 	=> 'gmap_latitude',
457 | 				'id'   	=> 'gmap_latitude',
458 | 				'value'	=> $data['gmap_latitude']
459 | 			))
460 | 		);
461 | 		
462 | 		$this->EE->table->add_row(
463 | 			lang('gmap_longitude', 'gmap_longitude').'<br>'.lang('gmap_longitude_description'),
464 | 			form_input(array(
465 | 				'name' 	=> 'gmap_longitude', 
466 | 				'id' 	=> 'gmap_longitude',
467 | 				'value'	=>	$data['gmap_longitude']
468 | 			))
469 | 		);
470 | 				
471 | 		$this->EE->table->add_row(
472 | 			lang('gmap_zoom', 'gmap_zoom').'<br>'.lang('gmap_zoom_description'),
473 | 			form_input(array(
474 | 				'name'	=> 'gmap_zoom', 
475 | 				'id'	=> 'gmap_zoom',
476 | 				'value' => $data['gmap_zoom']
477 | 			))
478 | 		);	
479 | 		
480 | 		$this->EE->table->add_row(
481 | 			lang('gmap_total_points', 'gmap_total_points').'<br>'.lang('gmap_total_points_description'),
482 | 			form_input(array(
483 | 				'name'	=> 'gmap_total_points',
484 | 				'id'	=> 'gmap_total_points',
485 | 				'value'	=> $data['gmap_total_points']
486 | 			))
487 | 		);	
488 | 		
489 | 		$this->EE->table->add_row(
490 | 			lang('gmap_latitude_field', 'gmap_latitude_field').'<br>'.lang('gmap_latitude_field_description'),
491 | 			form_input(array(
492 | 				'name' 	=> 'gmap_latitude_field',
493 | 				'id'	=> 'gmap_latitude_field',
494 | 				'value'	=> 	$data['gmap_latitude_field']
495 | 			))
496 | 		);
497 | 		
498 | 		$this->EE->table->add_row(
499 | 			lang('gmap_longitude_field', 'gmap_longitude_field').'<br>'.lang('gmap_longitude_field_description'),
500 | 			form_input(array(
501 | 				'name' 	=> 'gmap_longitude_field',
502 | 				'id'	=> 'gmap_longitude_field',
503 | 				'value'	=> 	$data['gmap_longitude_field']
504 | 			))
505 | 		);
506 | 		
507 | 		$this->EE->table->add_row(
508 | 			lang('gmap_map_height', 'gmap_map_height').'<br>'.lang('gmap_map_height_description'),
509 | 			form_input(array(
510 | 				'name' 	=> 'gmap_map_height',
511 | 				'id'	=> 'gmap_map_height',
512 | 				'value'	=> 	$data['gmap_map_height']
513 | 			))
514 | 		);
515 | 		
516 | 		$this->EE->table->add_row(
517 | 			lang('gmap_preview', 'gmap_preview').'<br>'.
518 | 			lang('gmap_preview_description').'<br>'.'<br>'.
519 | 			'<i>'.lang('gmap_google_map_render_bug').'</i>',
520 | 			'<div id="gmap_wrapper" style="height: '.$data['gmap_map_height'].'"><div style="height:100%;width:100%;cursor:pointer" id="gmap_canvas"><span style="display:block;line-height:<?=$height?>;text-align:center;text-transform:uppercase;font-size:120%">click to activate map</span></div></div>'
521 | 		);
522 | 		
523 | 	}
524 | 	
525 | 	/*function display_global_settings()
526 | 	{
527 | 		
528 | 		$val = array_merge($this->settings, $_POST);
529 | 	
530 | 		return $this->EE->load->view('field_type/settings', $val, TRUE);
531 | 	}
532 | 	
533 | 	function save_global_settings()
534 | 	{		
535 | 		return array_merge($this->settings, $_POST);
536 | 	}*/
537 | 	
538 | 	function save_settings()
539 | 	{
540 | 		return array_merge($this->settings, $_POST);
541 | 	}
542 | 	
543 | 	function replace_tag($data, $params = array(), $tagdata = FALSE)
544 | 	{
545 | 		return $data;
546 | 	}
547 | 	
548 | }
549 | // END Google_maps_ft class
550 | 
551 | /* End of file ft.google_maps.php */
552 | /* Location: ./system/expressionengine/third_party/google_maps/ft.google_maps.php */


--------------------------------------------------------------------------------
/third_party/gmap/language/dutch/lang.gmap.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | $lang = array(
 4 | 
 5 | 'gmap_module_name' 					=> 'Google Maps voor ExpressionEngine',
 6 | 'gmap_module_description' 			=> 'De volledige Google Maps implementatie voor ExpressionEngine.',
 7 | 
 8 | 'gmap_center' 						=> 'Locatie van het middelpunt',
 9 | 'gmap_center_description'			=> 'Als alternatief geef een locatie (adres, stad, staat, postcode, etc) die door middel van Google\'s geocoder zal gebruikt worden om de coördinaten op te zoeken van het middelpunt waarop de map zal gecentreerd worden.',
10 | 
11 | 'gmap_latitude' 					=> 'Breedtegraad',
12 | 'gmap_latitude_description' 		=> 'U kan het standaard middelpunt van de map bepalen door het invoeren van een breedte-en lengtegraad',
13 | 
14 | 'gmap_longitude' 					=> 'Lengtegraad',
15 | 'gmap_longitude_description'		=> 'U kan het standaard middelpunt van de map bepalen door het invoeren van een breedte-en lengtegraad.',
16 | 
17 | 'gmap_zoom' 						=> 'Zoom',
18 | 'gmap_zoom_description'				=> 'Stel het standaard zoomniveau in.',
19 | 
20 | 'gmap_total_points'					=> 'Totaal aantal punten',
21 | 'gmap_total_points_description' 	=> 'Het totaal aantal locaties dat de gebruiker mag toevoegen op de map. <br> (0 = ongelimiteerd)',
22 | 
23 | 'gmap_map_height'					=> 'Hoogte van de map',
24 | 'gmap_map_height_description' 		=> 'Voer een aangepaste hoogte voor de map in. (De standaard hoogte is "500px")',
25 | 
26 | 'gmap_preview'						=> 'Map Voorbeeld',
27 | 'gmap_preview_description'			=> 'Dit is een voorbeeld van hoe de map er zal uitzien zonder toegevoegde locaties',
28 | 'gmap_google_map_render_bug'		=> 'Map niet correct weergegeven? Als dit gebeurt, vernieuw uw browser pagina.',
29 | 
30 | 'gmap_latitude_field'				=> 'Breedtegraad Veld',
31 | 'gmap_latitude_field_description'	=> 'U kan een ander veld definiëren in het kanaal die de waarde van één breedtegraad bewaard. Als u dit veld gebruikt, zal de gebruiker gelimiteerd zijn tot 1 locatie per item (entry). Gebruik dit veld als u de breedtegraad wil bijhouden in één kolom. Dit veld is nodig om locaties binnen een bepaalde straal te bepalen.',
32 | 
33 | 'gmap_longitude_field'				=> 'Lengtegraad veld',
34 | 'gmap_longitude_field_description'	=> 'U kan een ander veld definiëren in het kanaal die de waarde van één lengtegraad bewaard. Als u dit veld gebruikt, zal de gebruiker gelimiteerd zijn tot 1 locatie per item (entry). Gebruik dit veld als u de lengtegraad wil bijhouden in één kolom. Dit veld is nodig om locaties binnen een bepaalde straal te bepalen.',
35 | 
36 | //
37 | ''=>''
38 | );


--------------------------------------------------------------------------------
/third_party/gmap/language/english/lang.gmap.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | $lang = array(
 4 | 
 5 | 'gmap_module_name' 					=> 'Google Maps for ExpressionEngine',
 6 | 'gmap_module_description' 			=> 'insert description here.',
 7 | 
 8 | 'gmap_center' 						=> 'Center Location',
 9 | 'gmap_center_description'			=> 'Alternatively, enter an location (address, city, state, zip code, etc) that will be use Google\'s geocoder to get the coordinate to be used as the center.',
10 | 
11 | 'gmap_latitude' 					=> 'Latitude',
12 | 'gmap_latitude_description' 		=> 'You can set the default map center by entering a latitude & longitude.',
13 | 
14 | 'gmap_longitude' 					=> 'Longitude',
15 | 'gmap_longitude_description'		=> 'You can set the default map center by entering a latitude & longitude.',
16 | 
17 | 'gmap_zoom' 						=> 'Zoom',
18 | 'gmap_zoom_description'				=> 'Set the default zoom level.',
19 | 
20 | 'gmap_total_points'					=> 'Total Points',
21 | 'gmap_total_points_description' 	=> 'The total points the user is allowed to add to the map.<br> (0 = Unlimited)',
22 | 
23 | 'gmap_map_height'					=> 'Map Height',
24 | 'gmap_map_height_description' 		=> 'Enter a custom height for the map to appear in the control panel. (The default height is "500px")',
25 | 
26 | 'gmap_preview'						=> 'Map Preview',
27 | 'gmap_preview_description'			=> 'This map represent want a map will look like in the channel without any points added to the map',
28 | 'gmap_google_map_render_bug'		=> 'Map not displaying properly? Sometimes Google Maps bugs out and the map won\'t render properly. If this happens, refresh your browser.',
29 | 
30 | 'gmap_latitude_field'				=> 'Latitude Field',
31 | 'gmap_latitude_field_description'	=> 'You can define another custom field within the channel to store a single latitude degree. If you use this field, the user will be limited to one location per entry. Use this field anytime you need the latitude stored inside a single column. This field is required to recall entries with a defined radius.',
32 | 
33 | 'gmap_longitude_field'				=> 'Longitude Field',
34 | 'gmap_longitude_field_description'	=> 'You can define another custom field within the channel to store a single longitude degree. If you use this field, the user will be limited to one location per entry. Use this field anytime you need the longitude stored inside a single column. This field is required to recall entries within a defined radius.',
35 | 
36 | //
37 | ''=>''
38 | );


--------------------------------------------------------------------------------
/third_party/gmap/language/french/lang.gmap.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /*in french (don't know if you need to escape entities or not.(Ok like this if everything is in UTF-8)*/
 4 | 
 5 | $lang = array(
 6 | 
 7 | 'gmap_module_name' 					=> 'Google Maps pour ExpressionEngine',
 8 | 'gmap_module_description' 			=> 'Une impl&eacute;mentation compl&egrave;te de Google Map pour ExpressionEngine.',
 9 | 
10 | 'gmap_center' 						=> 'Centrer sur la localisation',
11 | 'gmap_center_description'			=> 'Vous pouvez aussi sp&eacute;cifier une localisation (adresse, ville, &eacute;tat, code postal, etc. ). Le geocodeur de Google utilisera cette localisation comme centre de la carte',
12 | 
13 | 'gmap_latitude' 					=> 'Latitude',
14 | 'gmap_latitude_description' 		=> 'Sp&eacute;cifiez le centre de la carte par d&eacute;faut en pr&eacute;cisant une latitude et une longitude',
15 | 
16 | 'gmap_longitude' 					=> 'Longitude',
17 | 'gmap_longitude_description'		=> 'Sp&eacute;cifiez le centre de la carte par d&eacute;faut en pr&eacute;cisant une latitude et une longitude.',
18 | 
19 | 'gmap_zoom' 						=> 'Zoom',
20 | 'gmap_zoom_description'				=> 'Le niveau de zoom par d&eacute;faut.',
21 | 
22 | 'gmap_total_points'					=> 'Nombre total de points',
23 | 'gmap_total_points_description' 	=> 'Le nombre total de points que l\'utilisateur peut ajouter &agrave; la carte..<br />; (0 = Illimit&eacute;)',
24 | 
25 | 'gmap_map_height'					=> 'Hauteur de la carte',
26 | 'gmap_map_height_description' 		=> 'Sp&eacute;cifiez une hauteur pour la carte dans le control panel (la hauteur par d&eacute;faut est de 500px)',
27 | 
28 | 'gmap_preview'						=> 'Pr&eacute;visualisation',
29 | 'gmap_preview_description'			=> 'Cette carte repr&eacute;sente une carte sans aucun point sp&eacute;cifi&eacute;, telle qu\'elle apara&icirc;tra dans le channel.',
30 | 'gmap_google_map_render_bug'		=> 'Votre carte ne s\'affiche pas comme elle le devrait ? Il s\'agit parfois d\'un bug de Google Map qui se r&egrave;gle en rafraichissant la fen&ecirc;tre de votre navigateur.',
31 | 
32 | 'gmap_latitude_field'				=> 'Champ latitude',
33 | 'gmap_latitude_field_description'	=> 'Vous pouvez d&eacute;finir un autre custom field contenant une latitude sp&eacute;cifique pour un channel. Si vous utilisez ce champ, l\'utilisateur sera limit&eacute; &agrave; une localisation par entr&eacute;e. Utilisez ce champ &agrave; chaque fois que vous avez besoin d\'une latitude stock&eacute;e dans une simple colonne. Ce champ est obligatoire pour rapeller des entr&eacute;e dans une certaine circonf&eacute;rence.',
34 | 
35 | 'gmap_longitude_field'				=> 'Champ longitude',
36 | 'gmap_longitude_field_description'	=> 'Vous pouvez d&eacute;finir un autre custom field contenant une latitude sp&eacute;cifique pour un channel. Si vous utilisez ce champ, l\'utilisateur sera limit&eacute; &agrave; une localisation par entr&eacute;e. Utilisez ce champ &agrave; chaque fois que vous avez besoin d\'une latitude stock&eacute;e dans une simple colonne. Ce champ est obligatoire pour rapeller des entr&eacute;e dans une certaine circonf&eacute;rence.',
37 | 
38 | //
39 | ''=>''
40 | );


--------------------------------------------------------------------------------
/third_party/gmap/language/norwegian/lang.gmap.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | $lang = array(
 4 | 
 5 | 'gmap_module_name' 					=> 'Google Maps for ExpressionEngine',
 6 | 'gmap_module_description' 			=> 'skriv inn beskrivelse her.',
 7 | 
 8 | 'gmap_center' 						=> 'Sentrer plasseringen',
 9 | 'gmap_center_description'			=> 'Alternativt, skriv inn en adresse (gateadresse, by, postnummer, etc) og Googles Geocoder finner koordinatene for deg',
10 | 
11 | 'gmap_latitude' 					=> 'Breddegrad',
12 | 'gmap_latitude_description' 		=> 'Du kan sette standard sentrering av kartet ved å skrive inn bredde- og lengdegrad.',
13 | 
14 | 'gmap_longitude' 					=> 'Lengdegrad',
15 | 'gmap_longitude_description'		=> 'Du kan sette standard sentrering av kartet ved å skrive inn bredde- og lengdegrad.',
16 | 
17 | 'gmap_zoom' 						=> 'Zoom',
18 | 'gmap_zoom_description'				=> 'Skriv inn standard zoom-nivå.',
19 | 
20 | 'gmap_total_points'					=> 'Antall punkter',
21 | 'gmap_total_points_description' 	=> 'Antall punkter brukeren kan sett inn på kartet.<br> (0 = Ubegrenset)',
22 | 
23 | 'gmap_map_height'					=> 'Kartets høyde',
24 | 'gmap_map_height_description' 		=> 'Skriv inn en egendefinert høyde for kartvisning i kontrollpanelet. (Standard høyde er "500px")',
25 | 
26 | 'gmap_preview'						=> 'Forhåndsvisning kart',
27 | 'gmap_preview_description'			=> 'Slik vil kartet se ut på nettsidene dersom ingen plasseringer er lagt inn.',
28 | 'gmap_google_map_render_bug'		=> 'Ser ikke kartet riktig ut? Noen ganger kan feil hos Google Maps føre til feil i kartvisningen. Dersom det skjer, prøv å laste sidene på nytt.',
29 | 
30 | 'gmap_latitude_field'				=> 'Breddegrad',
31 | 'gmap_latitude_field_description'	=> 'Dette feltet brukes dersom kart skal vises med en bestemt radius. Ved å bruke dette feltet kan brukeren kun sette inn en plassering pr. artikkel.',
32 | 
33 | 'gmap_longitude_field'				=> 'Lengdegrad',
34 | 'gmap_longitude_field_description'	=> 'Dette feltet brukes dersom kart skal vises med en bestemt radius. Ved å bruke dette feltet kan brukeren kun sette inn en plassering pr. artikkel.',
35 | 
36 | //
37 | ''=>''
38 | );


--------------------------------------------------------------------------------
/third_party/gmap/language/spanish/lang.gmap.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | $lang = array(
 4 | 
 5 | 'gmap_module_name' 					=> 'Mapas de Google para ExpressionEngine', 
 6 | 'gmap_module_description' 			=> 'La implementaci&oacute;n completa de Mapas de Google para ExpressionEngine.',
 7 | 
 8 | 'gmap_center' 						=> 'Centre la ubicaci&oacute;n',
 9 | 'gmap_center_description'			=> 'Ingrese una ubicaci&oacute;n (Direcci&oacute;n, Ciudad, Estado, C&oacute;digo Postal, Etc) Que usara el geocodificador de Google\'s para centrar el mapa.',
10 | 
11 | 'gmap_latitude' 					=> 'Latitud',
12 | 'gmap_latitude_description'			=> 'Tu puedes establecer el mapa autom&aacute;tico al ingresar la latitud y longitud.',
13 | 
14 | 'gmap_longitude'					=> 'Longitud',
15 | 'gmap_longitude_description' 		=> 'Tu puedes establecer el mapa autom&aacute;tico al ingresar la latitud y longitud.',
16 | 
17 | 'gmap_zoom'  						=> 'Zoom',
18 | 'gmap_zoom_description' 			=> 'Establece el nivel de zoom automatizado.',
19 | 
20 | 'gmap_total_points' 				=> 'Puntos totales',
21 | 'gmap_total_points_description' 	=> 'Los puntos totales que al usuario le es permitido a&ntilde;adir en el mapa. <br> (0 = Ilimitado)',
22 | 
23 | 'gmap_map_height' 					=> 'Altura del Mapa',
24 | 'gmap_map_height_description' 		=> 'Ingrese una altura determinada para el mapa en el panel de control. (La altura autom&aacute;tica es de "500px")',
25 | 
26 | 'gmap_preview'						=> 'Vision previa del mapa',
27 | 'gmap_preview_description' 			=> 'Este mapa representa el c&oacute;mo se ver&aacute; el producto final en el canal sin puntos a&ntilde;adidos.',
28 | 'gmap_google_map_render_bug' 		=> 'El mapa no se muestra correctamente? Algunas veces los mapas de google tienen errores y el mapa no se expondr&aacute; adecuadamente. Si esto sucede, solo recargue su navegador',
29 | 
30 | 'gmap_latitude_field'				=> 'Campo para Latutud',
31 | 'gmap_latitude_field_description' 	=> 'Usted puede definir otro campo dentro del canal para guardar cualquier grado de latitud. Si usted utiliza este campo, el usuario  estar&aacute; limitado a una ubicaci&oacute;n por entrada. Utilice este campo cada vez que usted necesite guardar una latitud en una columna.  Este campo requiere entradas dentro de un radio definido.',
32 | 
33 | 'gmap_longitude_field'				=> 'Campo para Longitud.',
34 | 'gmap_longitude_field_description' 	=> 'Usted puede definir otro campo dentro del canal para guardar cualquier grado de longitud. Si usted utiliza este campo, el usuario  estar&aacute; limitado a una ubicación por entrada. Utilice este campo cada vez que usted necesite guardar una longitud en una columna.  Este campo requiere entradas dentro de un radio definido.',
35 | 
36 | //
37 | ''=>''
38 | );


--------------------------------------------------------------------------------
/third_party/gmap/pi.gmap.php:
--------------------------------------------------------------------------------
  1 | <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
  2 | /**
  3 |  * Plugin - Google Maps for ExpressionEngine
  4 |  *
  5 |  * @package			Google Maps for ExpressionEngine
  6 |  * @version			2.5 - Build 20120131
  7 |  * @author			Justin Kimbrell <http://objectivehtml.com>
  8 |  * @copyright 		Copyright (c) 2012 Justin Kimbrell <http://objectivehtml.com>
  9 |  * @license 		Creative Commons Attribution 3.0 Unported License -
 10 |  					please see LICENSE file included with this distribution
 11 |  * @link			http://objectivehtml.com/google-maps
 12 |  */
 13 | 
 14 | $plugin_info = array(
 15 | 	'pi_name'			=> 'Google Maps for ExpressionEngine',
 16 | 	'pi_version'		=> '2.5',
 17 | 	'pi_author'			=> 'Justin Kimbrell',
 18 | 	'pi_author_url'		=> 'http://objectivehtml.com/documentation/google-maps-for-expressionengine',
 19 | 	'pi_description'	=> 'Creates static and dynamic maps from content channels.',
 20 | 	'pi_usage'			=>  Gmap::usage()
 21 | );
 22 | 				
 23 | 
 24 | Class Gmap {
 25 | 	
 26 | 	private $args = array(
 27 | 		
 28 | 		/* Google Map Parameters */
 29 | 		'map' => array(
 30 | 			'backgroundColor', 'disableDefaultUI', 'disableDoubleClickZoom', 'draggable', 
 31 | 			'draggableCursor', 'heading', 'keyboardShortcuts', 'mapTypeControl', 
 32 | 			'mapTypeControlOptions', 'mapTypeId', 'maxZoom', 'minZoom', 'noClear', 
 33 | 			'overviewMapControl', 'overviewMapControlOptions', 'panControl', 'panControlOptions', 			'rotateControl', 'rotateControlOptions', 'scaleControl', 'scaleControlOptions', 
 34 | 			'scrollwheel', 'streetView', 'streetViewControl', 'streetViewControlOptions', 
 35 | 			'tilt', 'title', 'zoomControl', 'zoomControlOptions', 'zoom'
 36 | 		),
 37 | 		
 38 | 		/* EE Channel Parameters */
 39 | 		'channel' => array(
 40 | 		    'author_id', 'backspace', 'cache', 'refresh', 'cat_limit', 'category', 
 41 | 		    'category_group', 'isable','channel', 'display_by', 'dynamic', 'dynamic_start',
 42 | 	   		'entry_id', 'entry_id_from', 'entry_id_to', 'fixed_order', 'group_id', 'limit', 
 43 | 	   		'month_limit', 'offset', 'orderby', 'paginate', 'paginate_base', 'paginate_type', 			'related_categories_mode', 'relaxed_categories', 'require_entry', 'show_current_week', 
 44 | 	   		'show_expired', 'show_future_entries', 'show_pages', 'sort', 'start_day', 'start_on', 
 45 | 	   		'status', 'stop_before', 'sticky', 'track_views', 'uncategorized_entries', 'url_title', 
 46 | 	   	 	'username', 'week_sort', 'year', 'month', 'day'
 47 | 	   	 ),
 48 | 		
 49 | 		/* Plugin & Convenience Parameters */
 50 | 		'plugin' => array(
 51 | 			'center', 'channel', 'hide_markers', 'open_windows', 'map_type', 'id', 'class', 'style',
 52 | 			'style_link', 'style_obj', 'extend_bounds', 'show_one_window', 'icon', 'show_coordinate',
 53 | 			'add_title_to_dropdown', 'metric', 'offset', 'distance', 'cache_post', 'show_sql', 'require', 
 54 | 			'name'
 55 | 		),
 56 | 		
 57 | 		/* Dynamic and Static fields */
 58 | 		'fields' => array(
 59 | 			'address_field', 'city_field', 'state_field', 'zipcode_field', 'country_field', 
 60 | 			'latitude_field', 'longitude_field', 'zoom_field', 'address', 'latitude', 'longitude',
 61 | 			'gmap_field', 'lat_lng'
 62 | 		)
 63 | 		
 64 | 	);
 65 | 	
 66 | 	public $geocoder_response;
 67 | 	
 68 | 	public function __construct()
 69 | 	{
 70 | 		$this->EE =& get_instance();
 71 | 			
 72 | 		$this->EE->load->config('gmap');	
 73 | 	}
 74 | 	
 75 | 	public function init()
 76 | 	{	
 77 | 		$this->args = $this->_fetch_params(FALSE);
 78 | 		
 79 | 		return $this->_init_map();
 80 | 	}
 81 | 	
 82 | 	public function center()
 83 | 	{
 84 | 		$this->args = $this->_fetch_params(FALSE);
 85 | 		
 86 | 		$data  = '<script type="text/javascript">';
 87 | 		
 88 | 		$manual_zoom = FALSE;
 89 | 		
 90 | 		if($this->EE->TMPL->fetch_param('zoom'))
 91 | 			$manual_zoom = $this->args['map']['zoom'];
 92 | 				
 93 | 		if($this->EE->TMPL->fetch_param('address'))
 94 | 		{
 95 | 			foreach($this->args['fields']['address'] as $address)
 96 | 				$data .= $this->_geocode($address, FALSE, $manual_zoom, $this->EE->TMPL->tagdata);	
 97 | 		}
 98 | 		elseif($this->EE->TMPL->fetch_param('latitude') && $this->EE->TMPL->fetch_param('longitude'))
 99 | 		{
100 | 			$data .=  $this->args['plugin']['id'].'_center = new google.maps.LatLng('.$this->args['fields']['latitude'].', '.$this->args['fields']['longitude'].');		
101 | 			'.$this->args['plugin']['id'].'_canvas.setCenter('.$this->args['plugin']['id'].'_center);';
102 | 		}
103 | 			
104 | 		$data .= '</script>';
105 | 		
106 | 		return $data;
107 | 	}
108 | 	
109 | 	public function marker($manual_zoom = FALSE)
110 | 	{
111 | 		$this->args = $this->_fetch_params(FALSE);
112 | 		
113 | 		$tagdata = trim($this->EE->TMPL->advanced_conditionals($this->EE->TMPL->tagdata));
114 | 				
115 | 		$manual_zoom = $manual_zoom ? $this->args['map']['zoom'] : FALSE;		
116 | 		
117 | 		$map  = 
118 | 		'<script type="text/javascript">' .
119 | 
120 | 			$this->_geocode_center_map($this->args['plugin']['center'], $tagdata)	.			
121 | 
122 | 			$this->_plot_coords($manual_zoom) .
123 | 		
124 | 		'</script>';
125 | 		
126 | 		return $map;
127 | 	}
128 | 	
129 | 	private function _create_id_string($results)
130 | 	{		
131 | 		$ids = array();
132 | 		
133 | 		foreach($results as $row)
134 | 		{
135 | 			$ids[] = $row->entry_id;
136 | 		}
137 | 		
138 | 		return implode('|', $ids);
139 | 	}
140 | 	
141 | 	private function _convert_metric($metric = 'miles')
142 | 	{
143 | 		$metrics = array(
144 | 			'miles' 	 => 1,
145 | 			'feet'  	 => 5280,
146 | 			'kilometers' => 1.609344,
147 | 			'meters'	 => 1609.344
148 | 		);	
149 | 		
150 | 		$return = isset($metrics[$metric]) ? $metrics[$metric] : $metrics['miles'];
151 | 		
152 | 		return isset($metrics[$metric]) ? $metrics[$metric] : $metrics['miles'];
153 | 	}
154 | 	
155 | 	private function _prep_fields($prep_fields)
156 | 	{
157 | 		if(is_array($prep_fields))
158 | 		{				
159 | 			foreach($prep_fields as $prep_index => $prep_value)
160 | 			{
161 | 				$where .= $prep_value .' AND ';
162 | 			}
163 | 		}
164 | 		
165 | 		$where = rtrim($where, ' AND ') . ' OR ';
166 | 		
167 | 		return $where;
168 | 	}
169 | 	
170 | 	private function _prep_sql_fieldname($field_array, $user_value = FALSE, $to_append = TRUE)
171 | 	{	
172 | 		$return = FALSE;
173 | 		$string = array();
174 | 		
175 | 		//Converts a single field to an array
176 | 		$field_array = is_array($field_array) ? $field_array : array($field_array => '');
177 | 		
178 | 		//Loops through the field array
179 | 		foreach($field_array as $field_name => $field_value)
180 | 		{	
181 | 			$value = FALSE;
182 | 			
183 | 			//Fallsback to the post variable if no value is passed
184 | 			$value = !empty($field_value) ? $field_value : $user_value;			
185 | 			$value = $value ? $value : $this->EE->input->post($field_name);
186 | 												
187 | 			//Creates the SQL field name by removed the reserved terms
188 | 			$sql_field_name = str_replace($this->reserved_terms, '', $field_name);
189 | 			
190 | 			//Gets the field data and if the field exists, the sql statement is created
191 | 			$field_data = $this->EE->field_model->get_fields('', array('field_name' => $sql_field_name));
192 | 						
193 | 			if($field_data->num_rows() > 0)
194 | 			{	
195 | 				//Validates that a value is not FALSE
196 | 				if($value !== FALSE && !empty($value) || $to_append == FALSE)
197 | 				{
198 | 					//If to_append is TRUE, then the operator is appended
199 | 					if($to_append == TRUE)
200 | 					{			
201 | 						//Converts a value string to a variable
202 | 						$values = is_array($value) ? $value : array($value);
203 | 						
204 | 						//Loops through the values array and creates the SQL conditions
205 | 						foreach($values as $value)
206 | 						{
207 | 							$operator = $this->_prep_value($field_name, $value);
208 | 														
209 | 							$string[] = '`field_id_'.$field_data->row('field_id').'` '.$operator;
210 | 						}
211 | 					}
212 | 					else
213 | 					{					
214 | 						$string[] = '`field_id_'.$field_data->row('field_id').'`';
215 | 					}
216 | 				}
217 | 			}			
218 | 		}
219 | 		
220 | 		return $string;
221 | 	}
222 | 	
223 | 	private function _prep_value($field_name, $value)
224 | 	{
225 | 		//Preps conditional statement by testing the field_name for keywords
226 | 		if(strpos($field_name, '_min'))
227 | 			$operator = ' >= \''.$value.'\'';
228 | 		else if(strpos($field_name, '_max'))
229 | 			$operator = ' <= \''.$value.'\'';
230 | 		else if(strpos($field_name, '_like'))
231 | 			$operator = ' LIKE \'%'.$value.'%\'';
232 | 		else
233 | 			$operator = ' = \''.$value.'\' ';
234 | 	
235 | 		return $operator;
236 | 	}
237 | 	
238 | 	private function _get_required_field_errors($vars = FALSE)
239 | 	{
240 | 		if(!$vars) $vars = array();
241 | 		
242 | 		$required_fields = explode('|', $this->args['plugin']['require']);
243 | 			
244 | 		$this->EE->load->library('form_validation');
245 | 		$this->EE->form_validation->set_error_delimiters('', '');
246 | 		
247 | 		foreach($required_fields as $field)
248 | 		{
249 | 			$this->EE->form_validation->set_rules($field, ucwords(str_replace(array('-', '_'), ' ', $field)), 'trim|required');
250 | 		}
251 | 		
252 | 		if ($this->EE->form_validation->run() == FALSE)
253 | 		{
254 | 			$error_count = 0;
255 | 			
256 | 			foreach($required_fields as $field)
257 | 			{				
258 | 				if(form_error($field))
259 | 				{						
260 | 					$vars[0]['error:'.$field] = form_error($field);
261 | 					$vars[0]['global_errors'][] = array(
262 | 						'field_name' => $field,
263 | 						'error'		 => form_error($field)
264 | 					);
265 | 					
266 | 					$error_count++;
267 | 				}
268 | 			}
269 | 			
270 | 			$vars[0]['total_errors'] = $error_count;
271 | 		}
272 | 		else
273 | 		{
274 | 			$vars[0]['total_errors'] = 0;
275 | 		}
276 | 		
277 | 		return $vars;
278 | 	}
279 | 	
280 | 	private function _geocode_location($location)
281 | 	{ 
282 | 		$sensor  = 'true';
283 | 		$url 	 = 'http://maps.googleapis.com/maps/api/geocode/json?&sensor=' . $sensor .
284 | 				   '&address='.urlencode($location);
285 | 		$timeout = 5000;
286 | 		
287 | 		$curl_handle = curl_init();
288 |        	curl_setopt($curl_handle, CURLOPT_URL, $url);
289 |        	curl_setopt($curl_handle, CURLOPT_CONNECTTIMEOUT, $timeout);
290 |        	curl_setopt($curl_handle, CURLOPT_TIMEOUT, $timeout);
291 |        	curl_setopt($curl_handle, CURLOPT_RETURNTRANSFER, 1);
292 | 
293 |        	$response = curl_exec($curl_handle);
294 |        	curl_close($curl_handle);
295 |        	
296 |        	return json_decode($response);
297 | 	}
298 | 	
299 | 	private function _geocode_response($response_array, $depth = 1)
300 | 	{
301 | 		$return = array();
302 | 		
303 | 		foreach($response_array->results as $index => $response)
304 | 		{
305 | 			if($index < $depth || $depth == 0)
306 | 			{
307 | 				foreach($response->address_components as $component)
308 | 				{
309 | 					$return[$index]['geocoder:address_component'][] = array(
310 | 						'long_name'  => $component->long_name,
311 | 						'short_name' => $component->short_name,
312 | 						'types'		 => implode(', ', $component->types)
313 | 					);			
314 | 				}
315 | 			} 
316 | 		}		
317 | 		
318 | 		if(is_object($response))
319 | 		{
320 | 			$return['geocoder:formatted_address'] = $response->formatted_address;
321 | 			$return['geocoder:latitude']  		  = $response->geometry->location->lat;
322 | 			$return['geocoder:longitude'] 		  = $response->geometry->location->lng;
323 | 			$return['geocoder:status'] 			  = $response_array->status;
324 | 		}
325 | 		
326 | 		return $return;
327 | 	}
328 | 	
329 | 	private function _is_checked_or_selected($post, $item)
330 | 	{
331 | 		if(is_array($post))
332 | 		{
333 | 			foreach($post as $post_index => $post_value)
334 | 			{											
335 | 				if($item == $post_value)
336 | 				{
337 | 					return TRUE;
338 | 				}
339 | 			}									
340 | 		}
341 | 		else
342 | 		{
343 | 			if($item == $post)
344 | 			{	
345 | 				return TRUE;								
346 | 			}
347 | 		}
348 | 		
349 | 		return FALSE;
350 | 	}
351 | 	
352 | 	public function zoom()
353 | 	{
354 | 		$this->args = $this->_fetch_params();
355 | 		
356 | 		$data = NULL;
357 | 		
358 | 		if($this->args['map']['zoom'] !== FALSE)
359 | 		{
360 | 			$data = 
361 | 			'<script type="text/javascript">' .
362 | 				$this->_set_zoom($this->args['map']['zoom']) . 
363 | 			'</script>';
364 | 		}
365 | 				
366 | 		return $data;		
367 | 	}
368 | 	
369 | 	private function _init_map($plot_coords = TRUE)
370 | 	{
371 | 		$tagdata = $this->EE->TMPL->tagdata;
372 | 		
373 | 		$map = NULL;
374 | 		
375 | 		if($this->args['plugin']['style_link'])
376 | 			$map .= '<script src="'.$this->args['plugin']['style_link'].'"></script>';
377 | 		
378 | 		$map .= '
379 | 		<div class="'.$this->args['plugin']['class'].'" id="'.$this->args['plugin']['id'].'" style="'.$this->args['plugin']['style'].'"></div>
380 | 
381 | 		<script type="text/javascript">
382 | 	
383 | 		var '.$this->args['plugin']['id'].' = document.getElementById(\''.$this->args['plugin']['id'].'\');
384 | 		var '.$this->args['plugin']['id'].'_bounds = new google.maps.LatLngBounds(); 
385 | 		var '.$this->args['plugin']['id'].'_center = new google.maps.LatLng('.$this->args['fields']['latitude'].', '.$this->args['fields']['longitude'].');
386 | 		var '.$this->args['plugin']['id'].'_geocoder = new google.maps.Geocoder();
387 | 		var '.$this->args['plugin']['id'].'_window;
388 | 		var '.$this->args['plugin']['id'].'_markers = [];
389 | 		var '.$this->args['plugin']['id'].'_windows = [];
390 | 		var '.$this->args['plugin']['id'].'_html = [];
391 | 		var '.$this->args['plugin']['id'].'_count = 0;
392 | 		
393 | 			
394 | 		'.$this->_gmap_options($this->args['map']).'
395 | 		
396 | 		var '.$this->args['plugin']['id'].'_canvas = new google.maps.Map('.$this->args['plugin']['id'].', '.$this->args['plugin']['id'].'_options);';
397 | 		
398 | 		if($this->args['plugin']['style_link'] || $this->args['plugin']['style_obj'])
399 | 		{
400 | 			$json_obj =  $this->args['plugin']['style_obj'] ?  $this->args['plugin']['style_obj'] : 'stylez';
401 | 			
402 | 			$map .= '
403 | 			var '.$this->args['plugin']['id'].'_styleType = new google.maps.StyledMapType('.$json_obj.', '.$this->args['plugin']['id'].'_options);
404 | 			
405 | 			'.$this->args['plugin']['id'].'_canvas.mapTypes.set(\''.$this->args['plugin']['id'].'_styleType\', '.$this->args['plugin']['id'].'_styleType);
406 | 			 
407 | 			'.$this->args['plugin']['id'].'_canvas.setMapTypeId(\''.$this->args['plugin']['id'].'_styleType\');			
408 | 			';
409 | 		}
410 | 		
411 | 		$map .= $this->_geocode_center_map($this->args['plugin']['center'], $tagdata);			
412 | 		
413 | 		if($plot_coords)
414 | 			$map .= $this->_plot_coords();
415 | 		
416 | 		$map .= '
417 | 					
418 | 		</script>';
419 | 		
420 | 		return $map;
421 | 	}
422 | 	
423 | 	private function _plot_coords($manual_zoom = FALSE)
424 | 	{	
425 | 		$coords 	 = NULL;
426 | 		$manual_zoom = $manual_zoom || $this->args['map']['zoom'] !== FALSE ? TRUE : FALSE;
427 | 		
428 | 			
429 | 		/* Prevents the marks from being added if the hide_markers parameter is set */
430 | 		if(!$this->args['plugin']['hide_markers'])
431 | 		{
432 | 			$coords = $this->_get_points_by_coordinate($manual_zoom) .
433 | 			
434 | 					  $this->_get_point_by_lat_lng_field($manual_zoom) .
435 | 			
436 | 					  $this->_get_points_by_address($manual_zoom) .
437 | 					
438 | 					  $this->_get_point_by_address($manual_zoom);
439 | 					  
440 | 			
441 | 			if($this->args['fields']['gmap_field'])
442 | 			{			
443 | 				
444 | 				$coords = $this->_get_points_by_lat_lng('{'.$this->args['fields']['gmap_field'].'}', $manual_zoom, TRUE);
445 | 			}
446 | 			
447 | 			if($this->args['fields']['lat_lng'])
448 | 			{
449 | 				$coords = $this->_get_points_by_lat_lng($this->args['fields']['lat_lng'], $manual_zoom);
450 | 			}
451 | 		}
452 | 		
453 | 		return $coords;
454 | 	}
455 | 	
456 | 	private function _center_map($manual_zoom = FALSE, $latitude = FALSE, $longitude = FALSE)
457 | 	{
458 | 		$marker = NULL;
459 | 		
460 | 		if(!$this->args['plugin']['center'])
461 |     	{
462 |     		if($latitude !== FALSE && $longitude !== FALSE)
463 |     			$marker .= '
464 | 	    			if(new_location) {';
465 | 	    			
466 |     		if($manual_zoom || !$this->args['plugin']['extend_bounds'] || $this->EE->TMPL->fetch_param('zoom'))
467 |     		{		
468 |     			$default_zoom = $manual_zoom ? $manual_zoom : 15;
469 | 						
470 | 				if($manual_zoom !== FALSE)	
471 |     			{
472 |     				$marker .= '
473 |     				'.$this->_set_zoom($manual_zoom).'
474 | 	    			'.$this->_set_center('new_location').'
475 | 	    			';		
476 |     			}
477 |     		}
478 |     		elseif($this->args['plugin']['extend_bounds'])
479 |     		{    		
480 | 			   	$marker .= '
481 | 	    		'.$this->args['plugin']['id'].'_bounds.extend(new_location);
482 | 	    		'.$this->args['plugin']['id'].'_canvas.fitBounds('.$this->args['plugin']['id'].'_bounds);
483 | 	    		';
484 |     		}
485 |     			
486 | 	    	if($latitude !== FALSE && $longitude !== FALSE)
487 | 		    	$marker .= '
488 | 	    		}';
489 |     	}
490 |     	
491 |     	return $marker;
492 | 	}
493 | 	
494 | 	
495 | 	private function _geocode_center_map($center, $tagdata, $manual_zoom = FALSE)
496 | 	{
497 | 		$data 		 = NULL;
498 | 		$manual_zoom = $manual_zoom ? $this->args['map']['zoom'] : FALSE;
499 | 		
500 | 		/* Centers map to a set location */
501 | 		if($this->args['plugin']['center'])
502 | 			$data = $this->_geocode($center, FALSE, $manual_zoom, $tagdata);
503 | 		
504 | 		return $data;
505 | 	}
506 | 	
507 | 	private function _get_points_by_coordinate($manual_zoom = FALSE)
508 | 	{
509 | 		$tagdata 	 = $this->EE->TMPL->tagdata;
510 | 		$data 	 	 = NULL;
511 | 		$manual_zoom = $manual_zoom ? $this->args['map']['zoom'] : FALSE;
512 | 		
513 | 		/* Creates a point from the latitude and longitude parameters */
514 | 		if($this->EE->TMPL->fetch_param('latitude') !== FALSE && $this->EE->TMPL->fetch_param('longitude') !== FALSE)
515 | 		{    		
516 | 			$data .= $this->_add_marker($this->args['fields']['latitude'], $this->args['fields']['longitude'], $manual_zoom, $tagdata);				
517 | 		}
518 | 		
519 | 		return $data;
520 | 	}
521 | 	
522 | 	private function _get_points_by_lat_lng($field = FALSE, $manual_zoom = FALSE, $add_channel_tag = FALSE)
523 | 	{			
524 | 		$data 		 = NULL;
525 | 		$manual_zoom = $manual_zoom ? $this->args['map']['zoom'] : FALSE;
526 | 				
527 | 		if($field == '{}') return $data;
528 | 		
529 | 		//Loops through all the LatLng fields for larger datasets (set by the fieldtype)
530 | 		if($field)
531 | 		{				
532 | 			$data = $this->_add_lat_lng($field, TRUE, $manual_zoom, $this->EE->TMPL->tagdata);
533 | 			
534 | 			if($add_channel_tag)
535 | 				$data = $this->_create_ee_tag($data);
536 | 			
537 | 		}
538 | 			
539 | 		return $data;
540 | 	}
541 | 	
542 | 	private function _get_point_by_address($manual_zoom = FALSE)
543 | 	{
544 | 		$data 		 = NULL;
545 | 		$manual_zoom = $manual_zoom ? $this->args['map']['zoom'] : FALSE;
546 | 		
547 | 		/* Map multiple static address points */
548 | 		if($this->args['fields']['address'])
549 | 		{
550 | 			foreach($this->args['fields']['address'] as $address)
551 | 				$data .= $this->_geocode($address, TRUE, $this->EE->TMPL->fetch_param('zoom'), $this->EE->TMPL->tagdata);
552 | 		}
553 | 		
554 | 		return $data;
555 | 	}
556 | 	
557 | 	private function _get_point_by_lat_lng_field($manual_zoom = FALSE)
558 | 	{
559 | 		$data 		 = NULL;
560 | 		$manual_zoom = $manual_zoom ? $this->args['map']['zoom'] : FALSE;
561 | 		
562 | 		/* Adds the markers from latitude and longitude fields */
563 | 		if($this->args['channel']['channel'] && $this->args['fields']['latitude_field'] && $this->args['fields']['longitude_field'])
564 | 		{
565 | 			$latitude_field  = '{'. $this->args['fields']['latitude_field'] .'}';
566 | 			$longitude_field = '{'. $this->args['fields']['longitude_field'].'}';
567 | 			
568 | 			if($this->args['fields']['zoom_field'])
569 | 				$manual_zoom = '{'.$this->args['fields']['zoom_field'].'}';
570 | 			
571 | 			$function = $this->_add_marker($latitude_field, $longitude_field, $manual_zoom, $this->EE->TMPL->tagdata);
572 | 			
573 | 			$data .= $this->_create_ee_tag($function);
574 | 		}
575 | 		
576 | 		return $data;
577 | 	}
578 | 	
579 | 	private function _get_points_by_address($manual_zoom = FALSE)
580 | 	{
581 | 		$data 		 = NULL;
582 | 		$manual_zoom = $manual_zoom ? $this->args['map']['zoom'] : FALSE;
583 | 		
584 | 		/* Adds the marks from address fields */
585 | 		if($this->args['channel']['channel'] && $this->args['fields']['address_field'] || $this->args['channel']['channel'] && $this->args['fields']['city_field'] || $this->args['channel']['channel'] && $this->args['fields']['state_field'] || $this->args['channel']['channel'] && $this->args['fields']['zipcode_field'] || $this->args['channel']['channel'] && $this->args['fields']['country_field'])
586 | 		{
587 | 			if($this->args['fields']['address_field'])
588 | 				$fields[] = '{'.$this->args['fields']['address_field'].'}';
589 | 				
590 | 			if($this->args['fields']['city_field'])
591 | 				$fields[] = '{'.$this->args['fields']['city_field'].'}';
592 | 				
593 | 			if($this->args['fields']['state_field'])
594 | 				$fields[] = '{'.$this->args['fields']['state_field'].'}';
595 | 			
596 | 			if($this->args['fields']['zipcode_field'])
597 | 				$fields[] = '{'.$this->args['fields']['zipcode_field'].'}';
598 | 			
599 | 			if($this->args['fields']['country_field'])
600 | 				$fields[] = '{'.$this->args['fields']['country_field'].'}';
601 | 			
602 | 			$address = trim(implode(' ', $fields));
603 | 			
604 | 			$function = $this->_geocode($address, TRUE, $manual_zoom, $this->EE->TMPL->tagdata);
605 | 			$data .= $this->_create_ee_tag($function);
606 | 		}
607 | 		
608 | 		return $data;
609 | 	}
610 | 
611 | 
612 | 	private function _add_lat_lng($gmap_field, $marker = TRUE, $manual_zoom = FALSE, $tagdata = FALSE)
613 | 	{
614 | 		$marker = '
615 | 			coord_string = \''.$gmap_field.'\';
616 | 			coords = coord_string.split(\')(\');
617 | 			
618 | 			if(coord_string != \'\') {
619 | 			
620 | 				for(i = 0; i < coords.length; i++) {
621 | 				
622 | 					var coord = coords[i].split(\', \');
623 | 															
624 | 					var new_latitude 	= coord[0].replace(\'(\', \'\').replace(\')\', \'\');
625 | 					var new_longitude 	= coord[1].replace(\')\', \'\').replace(\'(\', \'\');
626 | 					
627 | 					(function () {  /* Fixes a known bug with Google\'s API with displaying the InfoWindow(s) */					
628 | 						new_location = false;
629 | 					
630 | 						if(new_latitude != \'\' && new_longitude != \'\') {
631 | 						
632 | 						new_location = new google.maps.LatLng(new_latitude, new_longitude);
633 | 									       	
634 | 				    	var marker = new google.maps.Marker({
635 | 				        	map: '.$this->args['plugin']['id'].'_canvas, 
636 | 				       	 	position: new_location
637 | 				    	});
638 | 						
639 | 						'
640 | 						.$this->_add_to_dropdown($tagdata);
641 | 						
642 | 						if($icon = $this->args['plugin']['icon'])
643 | 						{
644 | 							$marker .= '
645 | 							marker.setIcon("'.$icon.'");
646 | 							';
647 | 						}		
648 | 						
649 | 						$marker .= $this->_center_map($manual_zoom);
650 | 				    	
651 | 				    	$marker .= '}
652 | 				    	';
653 | 				    	
654 | 				    	$marker .= $this->_infowindow();
655 | 				    	
656 | 				$marker .= '})(); /* End bug fix */			
657 | 				}
658 | 			}	
659 | 		';
660 | 		
661 | 		return $marker;
662 | 	}
663 | 	
664 | 	private function _geocode($address, $marker = TRUE, $manual_zoom = FALSE, $tagdata = FALSE)
665 | 	{
666 | 		$location = '
667 | 		address = \''.$address.'\';
668 | 		address = address.replace(/^\s\s*/, \'\').replace(/\s\s*$/, \'\');
669 | 		
670 | 		if(address != \'\') {		
671 | 			/* Gets a location using Google\'s Geocode */
672 | 			'.$this->args['plugin']['id'].'_geocoder.geocode(
673 | 				{ 
674 | 					\'address\': address
675 | 				}, function(results, status) {
676 | 					if (status == google.maps.GeocoderStatus.OK) { 
677 | 						var location = results[0].geometry.location;
678 | 						';
679 | 											
680 | 						$zoom = $manual_zoom;
681 | 						
682 | 						if($this->args['fields']['zoom_field'])
683 | 							$zoom = '{'.$this->args['fields']['zoom_field'].'}';
684 | 						elseif($this->args['map']['zoom'] && $manual_zoom)
685 | 							$zoom = $this->args['map']['zoom'];
686 | 						
687 | 						if($marker)
688 | 						{
689 | 							$location .= $this->_add_marker(FALSE, FALSE, $zoom, $tagdata);
690 | 			        	}
691 | 			        	else
692 | 			        	{
693 | 			        		if($manual_zoom)
694 | 								$location .= '
695 | 								'.$this->_set_zoom($this->args['map']['zoom']);
696 | 							
697 | 							$location .= '
698 | 							'.$this->_set_center('location');
699 | 			        	}
700 | 			        	
701 | 			        	$location .= '
702 | 			     		} else {
703 | 			       			alert("Geocode was not successful for the following reason: " + status);
704 | 			      		}
705 | 				}
706 | 			);
707 | 		}';
708 | 		
709 | 		return $location;
710 | 	}
711 | 	
712 | 	private function _add_marker($latitude = FALSE, $longitude = FALSE, $manual_zoom = FALSE, $tagdata)
713 | 	{	
714 | 		$open_if 	= '';
715 | 		$close_if	= '';
716 | 		$marker 	= '';
717 | 		
718 | 		$marker .= '
719 | 		(function () {  /* Fixes a known bug with Google\'s API with displaying the InfoWindow(s) */
720 | 		
721 | 		new_location = false;';
722 | 		
723 | 		if($latitude !== FALSE && $longitude !== FALSE)
724 | 			$marker .= '
725 | 			new_latitude = \''.$latitude.'\';
726 | 			new_longitude = \''.$longitude.'\';
727 | 			
728 | 			if(new_latitude != \'\' && new_longitude != \'\') {
729 | 			
730 | 			new_location = new google.maps.LatLng(new_latitude, new_longitude);';
731 | 		else
732 | 			$marker .= '
733 | 			new_location = location;';
734 | 				
735 | 		$marker .= '					       	
736 |     	var marker = new google.maps.Marker({
737 |         	map: '.$this->args['plugin']['id'].'_canvas, 
738 |        	 	position: new_location
739 |     	});
740 | 		
741 | 		'
742 | 		.$this->_add_to_dropdown($tagdata);
743 | 
744 | 		if($icon = $this->args['plugin']['icon'])
745 | 		{
746 | 			$marker .= '
747 | 			marker.setIcon("'.$icon.'");
748 | 			';
749 | 		}
750 | 
751 | 		if($latitude !== FALSE && $longitude !== FALSE)
752 | 			$marker .= '
753 | 			}';
754 | 					
755 | 		$marker .= $this->_center_map($manual_zoom, $latitude, $longitude);
756 |     	
757 |     	$marker .= $this->_infowindow();
758 | 			
759 | 		$marker .= '})(); /* End bug fix */'; 
760 | 		
761 |     	return $open_if . $marker . $close_if;
762 | 	}
763 | 	
764 | 	function _infowindow()
765 | 	{
766 | 		$marker = NULL;
767 | 		$tagdata = $this->EE->TMPL->tagdata;
768 | 		
769 | 		if($tagdata != '')
770 | 		{
771 | 			$tagdata = trim(preg_replace("/[\n\r\t]/","",str_replace('"', '\"', $this->EE->TMPL->advanced_conditionals($this->EE->TMPL->tagdata))));
772 | 			
773 | 			$marker .= '
774 | 			if(new_location) {
775 | 				
776 | 				var html = "'.$tagdata.'";		
777 | 				if('.$this->args['plugin']['id'].'_html['.$this->args['plugin']['id'].'_count-1] == "" || '.$this->args['plugin']['id'].'_html['.$this->args['plugin']['id'].'_count] == "{title}")
778 | 					'.$this->args['plugin']['id'].'_html['.$this->args['plugin']['id'].'_count-1] = html;
779 | 				
780 | 				var infowindow = new google.maps.InfoWindow({
781 | 					content: html
782 | 				});
783 | 				
784 | 				'.$this->args['plugin']['id'].'_windows['.$this->args['plugin']['id'].'_count-1] = infowindow;';
785 | 
786 | 				if($this->args['plugin']['open_windows'])
787 | 					$marker .= 'infowindow.open('.$this->args['plugin']['id'].'_canvas, marker);';
788 | 													
789 | 				$marker .= '				
790 | 				google.maps.event.addListener(marker, \'click\', function() {';
791 | 				
792 | 					if($this->args['plugin']['show_one_window'])
793 | 						$marker .= '
794 | 						if('.$this->args['plugin']['id'].'_window)
795 | 							'.$this->args['plugin']['id'].'_window.close()';
796 | 					
797 | 					$marker .= '
798 | 					infowindow.open('.$this->args['plugin']['id'].'_canvas, marker);
799 | 					'.$this->args['plugin']['id'].'_window = infowindow;
800 | 				});
801 | 			}';
802 | 		}
803 | 		
804 | 		return $marker;
805 | 	}
806 | 	
807 | 	function _add_to_dropdown($tagdata = FALSE)
808 | 	{
809 | 		$tagdata = trim(preg_replace("/[\n\r\t]/","",str_replace('"', '\"', $this->EE->TMPL->advanced_conditionals($this->EE->TMPL->tagdata))));
810 | 			
811 | 		if(!$tagdata || $this->args['plugin']['add_title_to_dropdown'])
812 | 			$script = '
813 | 			'.$this->args['plugin']['id'].'_html['.$this->args['plugin']['id'].'_count] = "{title}";';
814 | 		else
815 | 			$script = '
816 | 			'.$this->args['plugin']['id'].'_html['.$this->args['plugin']['id'].'_count] = "'.$tagdata.'";';
817 | 		
818 | 		$script .= '
819 | 		'.$this->args['plugin']['id'].'_markers['.$this->args['plugin']['id'].'_count] = marker;
820 |     	'. $this->args['plugin']['id'].'_count++;';
821 |     	
822 |     	return $script;
823 | 	}
824 | 	
825 | 	private function _set_center($center)
826 | 	{
827 | 		return $this->args['plugin']['id'].'_canvas.setCenter('.$center.')';
828 | 	}
829 | 	
830 | 	private function _set_zoom($zoom)
831 | 	{
832 | 		return $this->args['plugin']['id'].'_canvas.setZoom('.$zoom.')';
833 | 	}
834 | 	
835 | 	private function _gmap_options()
836 | 	{
837 | 		$newline = "\r\t\t\t";
838 | 		
839 | 		$options = '
840 | 		var '.$this->args['plugin']['id'].'_options = {
841 | 			center: '.$this->args['plugin']['id'].'_center,
842 | 			';
843 | 			
844 | 			foreach($this->args['map'] as $option => $value)
845 | 				if($value) $options .= $option.': '.$value.', '.$newline;
846 | 						
847 | 			$options = rtrim($options, ', '.$newline);
848 | 			
849 | 		$options .= $newline.'}';
850 | 					
851 | 		return $options;
852 | 	}
853 | 	
854 | 	private function _create_ee_tag($content)
855 | 	{				
856 | 		$exp_open_tag = '{exp:channel:entries ';
857 | 		
858 | 		foreach($this->args['channel'] as $param => $value)
859 | 		{
860 | 			if($value) $exp_open_tag .= $param.'="'.$value.'" ';
861 | 		}
862 | 		
863 | 		$exp_open_tag .= '}';
864 | 		
865 | 		$exp_close_tag = '{/exp:channel:entries}';
866 | 		
867 | 		return $exp_open_tag . $content . $exp_close_tag;
868 | 	}
869 | 	
870 | 	private function _fetch_params($require_id = TRUE)
871 | 	{		
872 | 		// Loops through the defined channels and checks for custom fields and 
873 | 		$this->EE->load->model(array('channel_model', 'field_model'));
874 | 		
875 | 		$params = array();
876 | 		
877 | 		/* Loops through the arguments and initializes the array */
878 | 		
879 | 		foreach($this->args as $group => $fields)
880 | 		{
881 | 			$tmp = $fields;
882 | 			
883 | 			unset($this->args[$group]);
884 | 			
885 | 			foreach($tmp as $param)
886 | 				$this->args[$group][$param] = $this->EE->TMPL->fetch_param($param);
887 | 		}
888 | 		
889 | 		if(!$this->args['plugin']['id'] && $require_id)
890 | 			show_error('You must assign a unique <code>id</code> to every map. This <code>id</code> should only contain alphabetical and numerical characters with the exception of an underscore.');
891 | 		
892 | 		/* Sets the default values */
893 | 		$this->args['fields']['latitude'] = $this->args['fields']['latitude'] !== FALSE ? $this->args['fields']['latitude'] : 0;
894 | 		
895 | 		$this->args['fields']['longitude'] = $this->args['fields']['longitude'] !== FALSE ? $this->args['fields']['longitude'] : 0;
896 | 		
897 | 		$this->args['plugin']['offset'] = 1;
898 | 		
899 | 		
900 | 		switch($this->args['plugin']['metric'])
901 | 		{
902 | 			case 'kilometers':
903 | 				$this->args['plugin']['offset'] = 1.609344;
904 | 				break;
905 | 				
906 | 			case 'meters':
907 | 				$this->args['plugin']['offset'] = 1609.344;
908 | 				break;
909 | 			
910 | 			case 'feet':
911 | 				$this->args['plugin']['offset'] = 5280;				
912 | 				break;
913 | 		}
914 | 		
915 | 		
916 | 		//$this->args['map']['zoom'] = $this->args['map']['zoom'] !== FALSE ? $this->args['map']['zoom'] : 15;
917 | 				
918 | 		if($this->args['plugin']['extend_bounds'] == "yes" || $this->args['plugin']['extend_bounds'] == "true" || !$this->args['plugin']['extend_bounds'])
919 | 			$this->args['plugin']['extend_bounds'] = TRUE;		
920 | 		else
921 | 			$this->args['plugin']['extend_bounds'] = FALSE;
922 | 			
923 | 		
924 | 		if($this->args['plugin']['show_one_window'] == "yes" || $this->args['plugin']['show_one_window'] == "true")
925 | 			$this->args['plugin']['show_one_window'] = TRUE;
926 | 		else
927 | 			$this->args['plugin']['show_one_window'] = FALSE;
928 | 						
929 | 			
930 | 		if($this->args['plugin']['show_coordinate'] == "yes" || $this->args['plugin']['show_coordinate'] == "true")
931 | 			$this->args['plugin']['show_coordinate'] = TRUE;
932 | 		else
933 | 			$this->args['plugin']['show_coordinate'] = FALSE;
934 | 								
935 | 		if($this->args['plugin']['show_sql'] == "yes" || $this->args['plugin']['show_sql'] == "true")
936 | 			$this->args['plugin']['show_sql'] = TRUE;
937 | 		else		
938 | 			$this->args['plugin']['show_sql'] = FALSE;
939 | 			
940 | 			
941 | 		if($this->args['plugin']['add_title_to_dropdown'] == "yes" || $this->args['plugin']['add_title_to_dropdown'] == "true")
942 | 			$this->args['plugin']['add_title_to_dropdown'] = TRUE;			
943 | 		else
944 | 			$this->args['plugin']['add_title_to_dropdown'] = FALSE;
945 | 						
946 | 		
947 | 		/* Breaks the address' down into an array */
948 | 		if($this->args['fields']['address'])
949 | 			$this->args['fields']['address'] = explode('|', $this->args['fields']['address']);
950 | 		
951 | 		/* Sets a default mapTypeId if one isn't set, and makes the map_type alias */
952 | 		if($this->args['plugin']['map_type'])
953 | 			$map_type = $this->args['plugin']['map_type'];
954 | 		else
955 | 			$map_type = $this->args['map']['mapTypeId'];
956 | 		
957 | 		$map_type = !$map_type || !isset($map_type) ? 'google.maps.MapTypeId.ROADMAP' : 'google.maps.MapTypeId.'.strtoupper($map_type);
958 | 		
959 | 		$this->args['map']['mapTypeId'] = $map_type;
960 | 		
961 | 		$channel_name = explode('|', $this->args['channel']['channel']);
962 | 		
963 | 		foreach($channel_name as $name)
964 | 		{			
965 | 			$channel = $this->EE->channel_model->get_channels(NULL, array('*'), array(array('channel_name' => $name)))->row();
966 | 			
967 | 			if(isset($channel->field_group))
968 | 			{			
969 | 				$fields = $this->EE->field_model->get_fields($channel->field_group)->result();
970 | 				
971 | 				foreach($fields as $field)
972 | 				{			
973 | 					$field_name = 'search:'.$field->field_name;
974 | 					
975 | 					if($this->EE->TMPL->fetch_param($field_name))
976 | 						$this->args['channel'][$field_name] = $this->EE->TMPL->fetch_param($field_name);
977 | 				}
978 | 			}
979 | 		}
980 | 		
981 | 		return $this->args;
982 | 	}
983 | 	
984 | 	function usage()
985 | 	{
986 | 	ob_start(); 
987 | 	?>
988 | 	
989 | 	<?php
990 | 	$buffer = ob_get_contents();
991 | 	
992 | 	ob_end_clean(); 
993 | 
994 | 	return $buffer;
995 | 	}
996 | }


--------------------------------------------------------------------------------
/third_party/gmap/views/field_type/gmap.js:
--------------------------------------------------------------------------------
  1 | var fieldOpts 		= EE.gmaps.'.$this->field_name.'.settings;
  2 | var location 		= new google.maps.LatLng(fieldOpts.latitude, fieldOpts.longitude);
  3 | 	var gmap_geocoder	= new google.maps.Geocoder();
  4 | 
  5 | var myOptions = {
  6 | 	zoom: fieldOpts.zoom,
  7 | 	center: location,
  8 | 	mapTypeId: google.maps.MapTypeId.ROADMAP,
  9 | 	disableDoubleClickZoom: true
 10 | }
 11 | 
 12 | var gmap_canvas = $("#gmap_canvas").get(0);
 13 | var gmap_coords = $("#gmap_coords");
 14 | var gmap_button = document.getElementById("#gmap_submit");
 15 | 
 16 | var gmap = new google.maps.Map(gmap_canvas, myOptions);
 17 | var gmap_bounds = new google.maps.LatLngBounds(); 
 18 | var gmap_markers = [];
 19 | var gmap_marker_count = 0;
 20 | 
 21 | function gmap_add_marker(location) {							
 22 | 	
 23 | 	var element = gmap_marker_count;
 24 | 					
 25 | 	var marker = new google.maps.Marker({
 26 | 		map: gmap,
 27 | 		position: location,
 28 | 		draggable: true,
 29 | 		raiseOnDrag: true
 30 | 	});
 31 | 	
 32 | 	
 33 | 	gmap_bounds.extend(location);
 34 | 	gmap_markers.push(marker);
 35 | 	
 36 | 	var html = "<div style=\"width:275px;height:100px:\">" + location + "<br><br>" + "<a href=\"#\" id=\""+element+"\" title=\""+location+"\" class=\"gmap-remove\">Remove from Map</a></div>";
 37 | 			
 38 | 	var infowindow = new google.maps.InfoWindow({
 39 | 		content: html
 40 | 	});
 41 | 					
 42 | 	google.maps.event.addListener(marker, 'dragstart', function(event) {
 43 | 		gmap_coords.val(gmap_coords.val().replace(String(event.latLng), ''));
 44 | 	});
 45 | 	
 46 | 	google.maps.event.addListener(marker, 'dragend', function(event) {
 47 | 		var new_location = event.latLng;
 48 | 		
 49 | 		infowindow.setContent("<div style=\"width:275px;height:100px:\">" + new_location + "<br><br>" + "<a href=\"#\" id=\""+element+"\" title=\""+new_location+"\" class=\"gmap-remove\">Remove from Map</a></div>");
 50 | 		
 51 | 		gmap_coords.val(new_location + gmap_coords.val());
 52 | 	});
 53 | 					
 54 | 	google.maps.event.addListener(marker, 'click', function(event) {
 55 | 		infowindow.open(gmap, marker);					
 56 | 	});
 57 | 	
 58 | 	gmap_coords.val(location + gmap_coords.val());
 59 | 	
 60 | 	gmap_marker_count++;
 61 | }
 62 | 
 63 | google.maps.event.addListener(gmap, 'dblclick', function(event) {
 64 | 			       	
 65 | 	gmap_add_marker(event.latLng);
 66 | 	
 67 | });
 68 | 			
 69 | $(".gmap-remove").live("click", function() {
 70 | 	
 71 | 	var $t 		= $(this);
 72 | 	var id 		= String($t.attr("id"));
 73 | 	var title 	= $t.attr("title");
 74 | 					
 75 | 	gmap_markers[id].setMap(null);
 76 | 	
 77 | 	gmap_coords.val(gmap_coords.val().replace(title, ""));
 78 | 	
 79 | 	return false;
 80 | });
 81 | 		
 82 | $("#gmap_address").keypress(function(event) {
 83 | 	if(event.keyCode == 13)	{	
 84 | 		$("#gmap_submit").click();
 85 | 		return false;
 86 | 	}
 87 | });
 88 | 						
 89 | $("#gmap_submit").click(function() {
 90 | 	(function () {  /* Fixes a known bug with Google's API with displaying the InfoWindow(s) */
 91 | 		var address = $("#gmap_address").val();
 92 | 		
 93 | 		gmap_geocoder.geocode( { 'address': address}, function(results, status) {
 94 | 			if (status == google.maps.GeocoderStatus.OK) {
 95 | 				
 96 | 				var coord = results[0].geometry.location;
 97 | 				
 98 | 	    		gmap_bounds.extend(coord);
 99 | 	    		gmap.fitBounds(gmap_bounds);
100 | 		
101 | 				gmap_add_marker(coord);
102 | 				
103 | 			} else {
104 | 				alert("Geocode was not successful for the following reason: " + status);
105 | 			}
106 | 		});
107 | 	})();
108 | });


--------------------------------------------------------------------------------
/third_party/gmap/views/field_type/settings.php:
--------------------------------------------------------------------------------
 1 | <p>These settings only affect how the Google Map will display in the backend. These settings have no effect on how the map will be reproduced on the front-end at this time.</p>
 2 | 
 3 | 
 4 | <table class="mainTable padTable">
 5 | 	
 6 | 	<thead>
 7 | 		<tr>
 8 | 			<th style="width:40%">Preference</th>
 9 | 			<th>Setting</th>
10 | 		</tr>
11 | 	</thead>
12 | 	
13 | 	<tbody>
14 | 		<tr>
15 | 			<td>
16 | 				<label for="latitude"><?=lang('latitude')?></label>
17 | 			
18 | 				<div class="subtext">You can set the default map center by entering a latitude & longitude. </div>		
19 | 			</td>
20 | 			<td>
21 | 				<input type="text" name="latitude" id="latitude" value="<?=$latitude?>" />
22 | 			</td>
23 | 		</tr>
24 | 		<tr>
25 | 			<td>
26 | 				<label for="longitude"><?=lang('gmap_longitude')?></label>
27 | 			
28 | 				<div class="subtext">You can set the default map center by entering a latitude & longitude. </div>		
29 | 			</td>
30 | 			<td>
31 | 				<input type="text" name="longitude" id="longitude" value="<?=$longitude?>" />
32 | 			</td>
33 | 		</tr>
34 | 		<tr>
35 | 			<td>	
36 | 				<label for="center">Center</label>
37 | 			
38 | 				<div class="subtext">Alternatively, enter an location (address, city, state, zip code, etc) that will be use Google's geocoder to get the coordinate to be used as the center.</div>
39 | 			</td>
40 | 			<td>
41 | 				<input type="text" name="center" id="center" value="<?=$center?>" />
42 | 			</td>
43 | 		</tr>
44 | 		<tr>
45 | 			<td>	
46 | 				<label for="zoom">Zoom</label>
47 | 			
48 | 				<div class="subtext">Alternatively, enter an location (address, city, state, zip code, etc) that will be use Google's geocoder to get the coordinate to be used as the center.</div>
49 | 			</td>
50 | 			<td>
51 | 				<select name="zoom">
52 | 				<? for($x = 1; $x <= 20; $x++): ?>
53 | 					<option value="<?=$x?>" <? if($zoom == $x):?>selected="selected"<? endif; ?>><?=$x?></option>
54 | 				<? endfor; ?>
55 | 				</select>
56 | 			</td>
57 | 		</tr>
58 | 		<tr>
59 | 			<td>	
60 | 				<label for="total_points">Total Points</label>
61 | 			
62 | 				<div class="subtext">You can limit users to a maximum number of points. If you enter zero, the user can enter an unlimited number of points on the map. (0 = Unlimited Markers)</div>
63 | 			</td>
64 | 			<td>
65 | 				<input type="text" name="total_points" id="total_points" value="<?=$total_points?>" />
66 | 			</td>
67 | 		</tr>
68 | 	</tbody>
69 | 	
70 | </table>


--------------------------------------------------------------------------------
/third_party/gmap/views/map.php:
--------------------------------------------------------------------------------
 1 | <div class="geocoder" style="margin:1em 0">
 2 | 	<label for="gmap_address">Enter an address, city, state, or a known location</label>
 3 | 	<input type="text" name="gmap_address" id="gmap_address" value="" style="width:80%;margin-right:1em" />
 4 | 	
 5 | 	<button type="button" class="submit" id="gmap_submit">Add to Map</button>	
 6 | </div>
 7 | 
 8 | <div class="map">
 9 | 	<label>Or double click to add a point to the map. To move a point, click and hold to drag.</label>
10 | 	
11 | 	<div style="height:<?=$height?>; margin-bottom:1em">
12 | 		
13 | 		<div style="height:100%;width:100%;cursor:pointer" id="gmap_canvas">
14 | 			<div style="display:block;line-height:<?=$height?>;text-align:center;text-transform:uppercase;font-size:120%">click to activate map</div>
15 | 		</div>
16 | 		
17 | 	</div>
18 | </div>
19 | 
20 | <div class="coordinates">
21 | 	<label for="gmap_coords">Saved Coordinates</label>
22 | 	<input type="text" name="<?=$field_name?>" id="gmap_coords" value="<?=$coords?>" style="width:100%" />
23 | 	
24 | 	<br>
25 | 
26 | 	<a href="#" class="gmap-remove-all">Remove All Points</a>
27 | </div>


--------------------------------------------------------------------------------