Google Maps API を使用しています。42floors.com の Google map UI のような UI を取得したいと考えています。
UIをどのように変更しているのか、誰か助けてもらえますか?
彼らはマップスタイルを使用していると思います https://developers.google.com/maps/documentation/javascript/examples/maptype-styled-simple
var map;
var brooklyn = new google.maps.LatLng(40.6743890, -73.9455);
var MY_MAPTYPE_ID = 'custom_style';
function initialize() {
var featureOpts = [
{
featureType: 'road',
elementType: 'geometry',
stylers: [
{ hue: -45 },
{ saturation: 100 }
]
},
{
featureType: 'landscape',
elementType: 'geometry',
stylers: [
{ hue: '#000000' },
{ saturation: 75 },
{ lightness: -100}
]
}
];
var mapOptions = {
zoom: 12,
center: brooklyn,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID]
},
mapTypeId: MY_MAPTYPE_ID
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
var styledMapOptions = {
name: 'Custom Style'
};
var customMapType = new google.maps.StyledMapType(featureOpts, styledMapOptions);
map.mapTypes.set(MY_MAPTYPE_ID, customMapType);
}
google.maps.event.addDomListener(window, 'load', initialize);