[Javascript] Google Maps API v3: كيف أقوم بتغيير رمز العلامة ديناميكيًا؟


Answers

يمكنك أيضًا استخدام دائرة كرمز علامة ، على سبيل المثال:

var oMarker = new google.maps.Marker({
    position: latLng,
    sName: "Marker Name",
    map: map,
    icon: {
        path: google.maps.SymbolPath.CIRCLE,
        scale: 8.5,
        fillColor: "#F00",
        fillOpacity: 0.4,
        strokeWeight: 0.4
    },
});

ومن ثم ، إذا كنت تريد تغيير العلامة ديناميكيًا (على سبيل المثال عند تمرير الماوس) ، فيمكنك ، على سبيل المثال:

oMarker.setIcon({
            path: google.maps.SymbolPath.CIRCLE,
            scale: 10,
            fillColor: "#00F",
            fillOpacity: 0.8,
            strokeWeight: 1
        })
Question

باستخدام Google Maps API v3 ، كيف يمكنني تغيير رمز العلامة برمجيًا؟

ما أريد فعله هو ، عندما يمرر شخص ما عبر رابط - لجعل رمز علامة المقابلة على الخريطة يغير الألوان لتوضيح العلامة المعنية.

أساسا ، نفس الوظيفة كما يفعل روست.

عندما تحوم فوق قائمة منزلية على اليسار ، فإن العلامة المقابلة على اليمين تتغير لونها




تحتوي مكتبة GMaps Utility على برنامج إضافي يسمى MapIconMaker يجعل من السهل إنشاء أنماط علامات مختلفة على الطاير. ويستخدم خرائط Google لرسم العلامات.

هناك عرض توضيحي جيد here يوضح نوع العلامات التي يمكنك إنشاؤها بها.