บางกรณีเราก็อยากจะได้แผนที่เปล่าๆ จาก Google Map API แบบไม่แสดงภาพอะไรเลยมาใช้งาน มาวาดแผนที่เองตั้งแต่ต้น ผมมีวิธีการง่ายๆ สำหรับการสร้างแผนที่แบบนั้นมาให้ดูครับ
ให้เตรียมภาพขาวๆ เปล่าๆ มาหนึ่งอันรอไว้ก่อนครับ ชื่อ 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 ได้ครบถ้วน มาใช้งานแล้วครับ