เป็นไปได้หรือไม่ที่จะทำให้แผนที่ Google เทาเป็นสีเทายกเว้นบางพื้นที่

สิ่งที่ฉันกำลังมองหาคือวิธีการเน้นพื้นที่บางอย่างบนแผนที่ Google Maps โดยทำให้ส่วนที่เหลือของโลกเป็นสีเทา

ฉันได้ยินเกี่ยวกับวิธีแก้ปัญหาของการใช้ 2 รูปหลายเหลี่ยมโดยที่ 1 สามารถมองเห็นได้และอีกวิธีหนึ่งไม่สามารถใช้ได้ถ้าแผนที่นั้นเป็นแบบคงที่ (ไม่มีการเคลื่อนที่ของแผนที่) อย่างไรก็ตามฉันต้องการให้ผู้ใช้สามารถซูมและลากแผนที่ได้

ฉันยังสนใจในวิธีอื่น ๆ ที่ฉันไม่ได้คิดจะเน้นพื้นที่

อัปเดต:

เมื่อฉันลองวิธีแก้ปัญหาที่โพสต์โดย radek (เช่นการสร้าง KML ด้วยรูปหลายเหลี่ยมที่มี outerBoundaryIs (ใหญ่กว่ามุมมอง) และ InnerBoundaryIs (อยู่ในพื้นที่เพื่อเน้น)) ฉันได้รับปัญหาว่าเมื่อฉันซูมเข้าพื้นที่สี่เหลี่ยมจะไม่ครอบคลุม รูปหลายเหลี่ยมโดยรอบอีกต่อไป ดู:

ทุกคนที่มีประสบการณ์ / วิธีแก้ปัญหานั้น?

Update2:

ในที่สุดฉันก็ได้เวลาทดสอบโซลูชันของ Radek โดยใช้ Google Fusion Tables ตอนแรกฉันมีปัญหาเดียวกันกับกระเบื้องที่หายไปเช่นเดียวกับ KML (ดูภาพด้านบน) แต่หลังจากโหลดอีกครั้งดูเหมือนว่ามันจะหยิบขึ้นมาและมันแสดงกระเบื้องที่ถูกต้องโดยสิ้นเชิง ฉันรู้สึกว่าแฮ็ค jquery ในโซลูชันของเขามีไว้สำหรับกระเบื้องที่ไม่ได้โหลด

setTimeout(function(){ 
        $("img[src*='googleapis']").each(function() { 
            $(this).attr("src",$(this).attr("src")+"&"+(new Date()).getTime()); 
        }); 
    }, 5000);

เนื่องจากไพ่ดูเหมือนว่าจะโหลดหลังจากรีเฟรชฉันไม่ได้ใช้แฮ็คตัวเอง หากข้อผิดพลาดเกิดขึ้นสำหรับผู้ใช้ใหม่ทุกคนฉันจะได้สัมผัสกับมัน

บล็อกGoogle Maps Maniaชี้ไปที่ตัวอย่างของแผนที่เขตปกครองสวิส :

รหัสจากVasileอยู่บนGitHub

หากเครื่องมือที่ @radek โพสต์ไม่ช่วยคุณก็มีอีกอันที่ใช้คุณสมบัติ google.maps.Polygon ธรรมดา: http://maps.vasile.ch/geomask/

โดยพื้นฐานแล้วมันจะทำตามอัลกอริธึมตัวเลขที่คดเคี้ยว: รูปหลายเหลี่ยมมาสก์ (จักรวาล) เป็นสัญญาณนาฬิกาแบบดิจิทัลและรูปหลายเหลี่ยมภายในทั้งหมดจะถูกแปลงเป็นรูปแบบดิจิทัลแบบนับนาฬิกานับถอยหลัง http://en.wikipedia.org/wiki/Winding_number