22 التعامل مع الخريطة المتحركة phone gap - cordova - javascript

Phone Gap -

Cordova

رياض خهيفت: انمهىذس

انخريطت انمتحركتDynamic Map

انتعامم مع انخريطت انثابتتStatic Map


JavaScript:

Google Apiنتحميم

<script src="http://maps.googleapis.com/maps/api/js">

</script>


JavaScript:

انخريطت انمتحركت

Dynamic

Map

Roadmap


Dynamic

Map

تضاريسTERRAIN


Dynamic

Map

SATELLITE


Dynamic

Map

HYBRID


JavaScript:

HTML:


بعذد أكبر APIمه أجم استخذاو ال مجاوا نهحصول عهى انمفتاح •

: -بضعت آالف –مه انعذد انمسموح به خالل انىهار https://code.google.com/apis/console/

:نتمرير انمفتاح•<script src="http://maps.googleapis.com/maps/api/js?k

ey=YOUR_KEY"></script>


JavaScript:


:مؤشر انخريطت •var marker=new google.maps.Marker({

position:new google.maps.LatLng(33.513,

36.2920000000003),

animation:google.maps.Animation.DROP });

marker.setMap(map);


Dynamic

Map


:تأثيراث عهى مؤشر انخريطت •var marker=new google.maps.Marker({


36.2920000000003),

animation:google.maps.Animation.BOUNCE});

marker.setMap(map);


:أيقووت مؤشر انخريطت •var marker=new google.maps.Marker({


36.2920000000003),

animation:google.maps.Animation.DROP,

icon:'http://aspspider.info/RiyadKhalifeh/Websit

e/Map-Marker-Ball-Pink-icon.png'});

marker.setMap(map);


Dynamic

Map


:أيقووت مؤشر انخريطت •var marker=new google.maps.Marker({


36.2920000000003),

animation:google.maps.Animation.BOUNCE,

icon:'http://aspspider.info/RiyadKhalifeh/Websit

e/Map-Marker-Ball-Pink-icon.png'});

marker.setMap(map);


:عىوان مؤشر انخريطت •


Dynamic

Map


: Polylineانشكم متعذد انخطوط •


Dynamic

Map


: Polylineانشكم متعذد انخطوط • 2-


Dynamic

Map



1-

3-


:Polygonانمىطقت انمغهقت •


Dynamic

Map


:Polygonانمىطقت انمغهقت •


Dynamic

Map



1-

3-


:Circleانذائرة •


Dynamic

Map


:Circleانذائرة •


Dynamic

Map



1-

3-


معهوماث انمؤشر ••Info Window


Dynamic

Map


Eventsاألحذاث •

22 التعامل مع الخريطة المتحركة phone gap - cordova - javascript

Education