จำนวนการเปิดอ่าน 121
คะแนนเอกสาร

บางกรณีเราก็อยากจะได้แผนที่เปล่าๆ จาก Google Map API แบบไม่แสดงภาพอะไรเลยมาใช้งาน มาวาดแผนที่เองตั้งแต่ต้น ผมมีวิธีการง่ายๆ สำหรับการสร้างแผนที่แบบนั้นมาให้ดูครับ

เริ่มต้นจากการสร้าง Layer

ให้เตรียมภาพขาวๆ เปล่าๆ มาหนึ่งอันรอไว้ก่อนครับ ชื่อ white.png จากนั้นก็สร้าง layer แบบนี้

var empty_layer = new google.maps.ImageMapType({
    getTileUrl: function( coord, zoom ) {
        return "white.png";
    },
   tileSize: new google.maps.Size( 256, 256 ),
   maxZoom: 18,
   minZoom: 0,
   radius: 1738000,
   name: "empty"
});

จากนั้นก็เอาไปสร้างเป็นแผนที่แบบนี้

var map = new google.maps.Map( document.getElementById( "emap-canvas" ), {
    mapTypeControlOptions: {
        mapTypeIds: ["empty"]
    }
});
map.mapTypes.set( "empty", empty_layer );
map.setMapTypeId( "empty" );

เพียงแค่นี้ เราก็จะได้แผนที่ ที่ไม่มีอะไรเลย แต่ใช้ API ของ Google Map ได้ครบถ้วน มาใช้งานแล้วครับ