「私のiPhoneを見つける」Google Mapsのタイル張りのテクスチャ

iCloudの「自分のiPhoneを探す」セクションでAppleがstyled the Google mapの方法に本当に感心しています。彼らは本当に微妙な紙のテクスチャを追加し、すべての会社名とラベルを削除しました。「私のiPhoneを見つける」Google Mapsのタイル張りのテクスチャ

私が知りたいのは、彼らがどのようにこれを達成したかです。タイル可能なオーバーレイのGoogle Maps V3 API referenceのドキュメントを見つけることができず、iCloudの（縮小された）JSソースでドキュメントを見つけることもできません。

すべての手がかりは非常に高く評価されています。

出典

2011-12-22 oscaralexander

このコンテキストでは、タイル表示可能なオーバーレイの意味がわかりません。しかし、Google MapsのAPI V3は、マップのスタイリングも認めていません： http://code.google.com/apis/maps/documentation/javascript/styling.html

をそして、あなたは地面オーバーレイを行うことができます。 http://code.google.com/apis/maps/documentation/javascript/overlays.html#GroundOverlays

出典

2011-12-22 17:39:36

はそれを考え出しました！これらの検索のために：ストリート、POIおよび他のラベルの除去については

/* Basic Google map options */ 
var options = { 
    center: new google.maps.LatLng(52.131802, 5.289917), 
    zoom: 12 
} 

/* Render the map */ 
var map = new google.maps.Map(document.getElementById('map_canvas'), options); 

/* Create a custom map type */ 
var texturedMapType = new google.maps.ImageMapType({ 
    getTileUrl: function(tileCoord, zoom, ownerDocument) 
    { 
     /* Return the same tile for every coord and zoom level */ 
     return '/assets/img/bg-map-tile.png'; 
    }, 
    isPng: true,      
    tileSize: new google.maps.Size(256, 256) 
}); 

/* Add a new layer between the map and the markers and render tiles here */ 
map.overlayMapTypes.push(null); 
map.overlayMapTypes.setAt(0, texturedMapType);

、Creating a StyledMapTypeを参照してください。それで全部です。

ここで結果を確認してください：http://www.ufomeldpunt.nl/kaart#latest

出典

2011-12-23 10:24:19 oscaralexander

「私のiPhoneを見つける」Google Mapsのタイル張りのテクスチャ

答えて

関連する問題