edit-task

Task Name:

Task Description:

TaskGroup ID:

Start Date:

Start Time:

Duration:

Priority:

Status:

Add Photo:

Owner ID:

Content: use HTML Edit Content

<h1 style="text-align: center;">&nbsp;SCRIPT map.js&nbsp;</h1>
<h2>[WHAT]</h2>
<ol>
<li>[ def ]&nbsp;&nbsp;file containing js scripts for the sospep webUI - mapping function</li>
<li>[ args ]&nbsp;</li>
</ol>
<h2>[WHY]</h2>
<ol>
<li><strong>[Properties]</strong></li>
<ol>
<li>LIST.global =&nbsp;</li>
</ol>
<li><strong>[Constructors]</strong></li>
<ol>
<li>]</li>
</ol>
<li><strong>[Methods]</strong></li>
<ol>
<li>] initializeMap()</li>
<li>] initializeDirections()</li>
<li>]</li>
</ol></ol>
<h2>[WHERE called from]</h2>
<ol>
<li>] PAGE view/location</li>
<ol>
<li>] used to display 'Map' tab</li>
<li>] used to display 'Directions' tab</li>
</ol></ol>
<h2>[WHEN]</h2>
<ol>
<li>] 2014-03-03</li>
<li>] re-usable mapping functionality</li>
</ol>
<h2>[EXAMPLE]</h2>
<ol>
<li>] <a href="http://sospep.com/view/location?id=229" target="_blank">http://sospep.com/view/location?id=229</a><ol>
<li>] this example shows directions from the default users(home) location to the destination location(Las Vegas)</li>
<li>* change this to a js fiddle</li>
</ol></li>
</ol>
<h2>[HOW-TO]</h2>
<ol>
<li>] include reference to script</li>
<ol>
<li>] this script</li>
<li>] also need reference to google mapping api</li>
</ol>
<li>] css</li>
<ol>
<li>]</li>
</ol>
<li>] page components</li>
<ol>
<li>] map_container</li>
<li>] directions panel</li>
<li>]</li>
</ol></ol>
<h2>[REFERENCE]</h2>
<ol>
<li>] map.js -v-001 -&nbsp;</li>
</ol>
<p>&nbsp;</p>
<hr />
<h1 style="text-align: center;">developer implementation</h1>
<h2>[.process]</h2>
<ol>
<li>// FIXed the display resize issue</li>
<ol>
<li>] MAP was opening in small square in top left corner, upon resized page, would expand to</li>
<li>] RESOlUTION =</li>
</ol>
<li>// ? CENTERING - TRY</li>
<ol>
<li>] centering</li>
</ol></ol>
<h2>[.notes]</h2>
<ol>
<li>&nbsp;</li>
</ol>
<h2>[.by_date]</h2>
<ol>
<li>[YYYY-mm-DD]</li>
</ol><hr />
<h1 style="text-align: center;">status<span style="font-size: 10px;">&nbsp;</span></h1>
<h2>[previously]</h2>
<div><ol>
<li>] validation using js-lint</li>
</ol></div>
<h2>[currently]</h2>
<ol>
<li>]&nbsp;</li>
</ol>
<h2>[next]</h2>
<ol>
<li>] /scripts/</li>
</ol>