تأثير (تم اختباره في الإصدار الجديد من Firefox):
شفرة:
<! doctype><html>
<head>
<meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8">
<title> خريطة Google </title>
<script type = "text/javaScript" src = "http://maps.google.com/maps/api/js؟sensor=false"> </script>
<script type = "text/javaScript">
وظيفة init ()
{
// احصل على الموقع الحالي
navigator.geolocation.getCurrentPosition (الوظيفة (الموضع)
{
var coords = position.coords ؛
// تعيين معلمات الخريطة وضبط خط العرض وخط الطول في الموقع الحالي كنقطة مركزية
var latlng = new Google.Maps.latlng (coords.latitude ، coords.longitude) ؛
var myoptions =
{
// التكبير
التكبير: 14 ،
// مارك إحداثيات
المركز: latlng ،
// نوع الخريطة
maptypeid: google.maps.maptypeid.roadmap
} ؛
var map1 ؛
// عرض الخريطة
MAP1 = جديد google.maps.map (document.getElementById ('map') ، myoptions) ؛
// إنشاء علامات
var marker = جديد google.maps.marker (
{
الموقف: latlng ،
الخريطة: MAP1
}) ؛
// قم بتعيين نافذة العلامات ، ثم قم بإرفاق نص التعليق
var infoWindow = جديد google.maps.infowindow (
{
المحتوى: "الموقع الحالي"
}) ؛
// افتح نافذة التسمية
InfoWindow.Open (MAP1 ، Marker) ؛
}) ؛
}
</script>
</head>
<body onload = "init ()">
<div id = "map"> </viv>
</body>
</html>
خرائط Google JavaScript API V3 (وثائق مرجعية): https://developers.google.com/maps/documentation/javaScript/Basics
وثيقة مرجعية لـ Baidu MAP API: http://developer.baidu.com/map/jsmobile.htm