Sign up Google Account
URL : https://www.google.com/accounts/NewAccount
Map
DIV id="map_canvas"
List Box
DIV id="cctvlist"
Then Sign in
URL : https://www.google.com/accounts/Login
You'll get
a lot of
API keys
[ But we use this key only  ]
Design Layout
HTML
JS Function for generate Maps
+
Have
Google
Account?
Sign up
Google Account
Let’s Create Web!!
Yep !
Nope..
Follow Me
Sign up
Google Maps API
Nope..
Have
Maps API
key?
Yep !
Sign up Google Maps API
URL : http://code.google.com/apis/maps/signup.html
Please read
the terms
Huff **
How long
The terms and
conditions
blah blah ...
Checking the checkbox.
And fill your web site URL.
Javascript
Copy it...
and Change
Have
Traffy API
Account?
Have
Traffy API
key?
Yep !
Nope..
Nope..
Yep !
Sign up
Traffy API Account
Add new Key
Google Account
Map API Key
Traffy API account
Traffy API Key
4 things you need
and checking the checkbox
1. Read the terms
4. Activate Account
2. Fill the form
Copy it
same
name
Tada !!
Add to List
xxxxxxxx
yyyyyyyyyy
yyyyyyyyyy
xxxxxxxx
Function name (
{ID:{
"name":”English name",
"name_th":"Thai name",
"point”:
{"lat": Latitude,"lng": Longitude},
"available":"Update Status",
"lastupdate":"last update time",
"url":"Image",
"src":"Source",
"desc":"",
"list": "Camlist" }});
JS Format
1
2
3
Show CCTV in
How to do
>>
Lat
Long
I'm Marker
Sign up Traffy API Account
URL : http://api.traffy.in.th/apis/
Download :http://info.traffy.in.th/2011/02/06/apiroster2/
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&
yyyyyyyyyy
xxxxxxxx
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAA27gvI5AK3wBFBjNnFCR5URT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQcnkUIVMMFgJInds8v_RX58jf_NQ" type="text/javascript"></script>

<!--https://www.google.com/accounts/NewAccount-->
<!--http://code.google.com/apis/maps/signup.html-->
<script type="text/javascript" src="http://www.traffy.in.th/traffy/CCTVworkshop.js"></script>

<SCRIPT language=JavaScript type=text/javascript>

function generate() {
createMap("map_canvas");
callAPI();
}

function callAPI()
{
//http://api.traffy.in.th/apis
var url=
'http://api.traffy.in.th/apis/apitraffy.php?format=JS&api=getCCTV&key=yyyyyyyyyy&appid=xxxxxxxx&
call=updateData';
var script = document.createElement('script');
script.setAttribute('src', url);
document.getElementsByTagName('head')[0].appendChild(script);
}
yyyyyyyyyy
xxxxxxxx
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&
Sign up Traffy API Account
URL : http://api.traffy.in.th/apis/
Detail ?
http://localhost
Extract : C:\AppServ\www
Edit : workshop.php
you will never walk alone
Web Project info
Web Project info
Web Project info
Web Project info
Web Project info
Web Project info
Web Project info
Web Project info
Web Project info
Web Project info
Web Project info
Web Project info
Web
Application
Mobile
Application
Windows
Application
Other
xxxxxxxx
yyyyyyyyyy
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&
xxxxxxxx
yyyyyyyyyy
PHP
main file
javascript
framework
3. Activate Email