Skip to main content

මොකක්ද මේ Google Map API කියන්නේ?


ඔන්න මේ දවස් ටිකේ පොඩි වැඩකට අත ගහුවා Google Map API එක්ක.ඇත්තටම වෙනස්ම අත්දැකීමක් ඒක.මොකද සාමානයෙන් මම කරන්නෙ මුදුකාංග වල back end එක්ක වැඩ කරන එක.ඉතින් ඒක ටිකක් කම්මැලි හිතෙන වැඩක්.නමුත් මේ Google Map API එක්ක කරපු වැඩේ ටිකක් වෙනස් මොකද මේක Front end වැඩක් හන්ද.මම හිතන්නේ ඔයාලා හැමොම දැකල ඇති Google Map එක.ඉතින් මේ සේවාව ලබාදෙන්නෙ Google සමාගම.Google සමාගම මේ සේවාව ලබාදෙනවා පමනක් නෙමෙයි ඒක, අනිත් පුද්ගලයින්ටත් එම සේවාව තමන්ගේ වෙබ් පිටුවට හෝ තමන් කැමති ඔනැම තැනකට පාවිචික් කිරීමට අවස්ථාව ලබාදී තිබෙනවා.
අපි බලමු කොහොමද අපිට ඔන විදියට Google Map පාවිචිකරන්නෙ සහ මොනවද තියන Facility කියලා.ඔන්න ඔතනදි තමයි Google Map API කරලියට එන්නෙ.Google Map API මගින් එය පාවිචිකරන්නාට Google Map හි ඇති Function පාවිචියට ගැනීමට මාර්ගයක් සකසා දෙනවා.එමගින් ඉතා පහසුවෙන් අපට වුවමනා ආකාරයට එය හසුරවා ගත හැක.එය Java script යොදාගෙන සංවර්දනය කර ඇත.එම නිසා ඉතා පහසුවෙන් මෙය Web තාක්ෂණයත් සමග යොදා ගත හැක.
මෙය ඉතා සරල නිදසුනක් මගින් මේ ආකාරයට එය යොදාගන්නා ආකාරය පැහැදිලිකල හැක.මෙම නිදසුන මගින් මම පෙන්වීමට උත්සහ කරන්නේ.Google Map එකක් එහි ඇති Zooming facility සමගින් ඔබගේ පිටුවකට යොදාගන්නා ආකාරයයි.මේ සදහා ඔබට Java Script පිලිබදව යම් දැනුමක් තිබීම අවශයයි.මුලින්ම ඒසදහා එකක් මෙ ආකාරයට සරල Java Script එකක් ලියා ගත යුතුයි.

function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}



  • මුලින්ම if (GBrowserIsCompatible()) මගින් Web browser එක මේසදහා දක්වන සහය පිලිබදව සොයා බලයි.

  • var map = new GMap2(document.getElementById("map_canvas")) මගින් පෙන්වීමට් වුවමනා පසුබිම සකස්යි.

  • map.setCenter(new GLatLng(37.4419, -122.1419), 13);මගින් Map එම එක තුල පෙන්වන ස්ථානයේ මැද((37.4419, -122.1419)) සහ Zoom level(13) එක පෙන්වයි.
ඔබට මෙයට Zoom Function එක්කර ගැනීමට උවමනානම් java Script function එක මේ ආකාරයට වෙනස්කර ගන්න

function initialize() { if (GBrowserIsCompatible())
{

var map = new GMap2(document.getElementById("map_canvas")) map.setCenter(new GLatLng(37.4419, -122.1419), 13); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl());
}
}

ඔබට එය මේ ආකාරයට ඔබගේ වෙබ් පිටුවට දමාගත හැක

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps API Sampletitle>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=<>">script>
<script type="text/javascript">

function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")) map.setCenter(new GLatLng(37.4419, -122.1419), 13); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); } }
script>
head>
<body onload="initialize()" onunload="GUnload()" style="font-family: Arial;border: 0 none;">
<div id="map_canvas" style="width: 500px; height: 300px">div>
body>
html>


ඔබට මෙසදහා වැඩිදුර විස්තර උවමනානමි.http://code.google.com/apis/ajax/playground/?exp=maps#map_simple

Comments

udsha-(udaya) said…
Thanx! This is great!

Popular posts from this blog

Java Source Code to Change Local IP Address

Hi guys..

Try This code to change your Local IP address.


import java.io.IOException;
import java.lang.Runtime;
public class Chang_Ip {



public static void main(String args[]) throws IOException
{

String str1="192.168.0.201";
String str2="255.255.255.0";
String[] command1 = { "netsh", "interface", "ip", "set", "address",
"name=", "Local Area Connection" ,"source=static", "addr=",str1,
"mask=", str2};
Process pp = java.lang.Runtime.getRuntime().exec(command1);

}


}

How to enable proxy service security in ESB 4.9.0?

Security is  one of the major concern when we developing API base integrations or application developments. WSO2 supports WS Security, WS-Policy and WS-Security Policy specifications. These specifications define a behavior model for web services. Proxy service security requirements are different from each others. WSO2 ESB providing pre-define commonly used twenty security scenarios to choose based on the security requirements. This functionality is provided by the security management feature which is bundled by default in service management feature in ESB. This configuration can be done via the web console until ESB 4.8.1 release, but this has been removed from the ESB 4.9.0. Even though this feature isn't provided by the ESB web console itself same functionality can be achieved by the new WSO2 Dev Studio. WSO2 always motivate to use dev studio to prepare required artifacts to the ESB rather than the web console. Better way to explain this scenario is by example. Following example …

How SSL Tunneling working in the WSO2 ESB

This blog post assumes that the user who reads has some basic understanding of SSL tunneling and the basic message flow of the ESB. If you are not familiar with the concepts of the SSL tunneling you can refer my previous blog post about the SSL tunneling and you can get detail idea about the message flow from this article.
I will give brief introduction about the targetHandler for understand concepts easily. As you may already know TargetHandler(TH) is responsible for handling requests and responses for the backend side. It is maintaining status (REQUEST_READY, RESPONSE_READY .. ,etc) based on the events which fired by the IOReactor and executing relevant methods. As the example if a response which is coming from the backend side hits to the ESB, IOReactor fire the responseRecived method in the targetHandler side. Followings are the basic methods contain in the target handler and their responsibilities.

Connect: - This is executed when new outgoing connection needed.RequestReady:- Thi…