Текстура плитки Карт Google "Найди мой iPhone"

Question

Я действительно впечатлен тем, как Apple разработала карту Google 100 * в разделе «Найди мой iPhone» на iCloud. Они добавили очень тонкую текстуру бумаги и удалили все названия компаний и ярлыки.

Я бы хотел знать, как они этого добились. Я не могу найти документацию в справочнике API Google Maps V3 о наложенных мозаичных оверлеях, а также не могу найти ее в (минимальном) источнике JS iCloud.

Все подсказки очень ценятся!

Answer 1

Разобрался!Для тех, кто ищет:

/* 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);

Что касается удаления улицы, POI и других надписей, см. Создание StyledMapType .Вот и все.

Смотрите результат здесь: http://www.ufomeldpunt.nl/kaart#latest

Answer 2

Я не уверен, что вы подразумеваете под мозаичными наложениями в этом контексте. Однако API Карт Google V3 позволяет стилизовать карту: http://code.google.com/apis/maps/documentation/javascript/styling.html

И вы можете сделать наземное наложение: http://code.google.com/apis/maps/documentation/javascript/overlays.html#GroundOverlays