2015-12-22 2 views
3

Здесь я пытаюсь изменить цвет карты Google на черный с белого, но не получаю хорошего решения. Я попробовал изменить его, используя относительный макет поверх него, но он скрывает эту часть, он не меняет цвет GoogleMap.Как изменить цвет карты Google в Android

  <fragment xmlns:android="http://schemas.android.com/apk/res/android" 
       android:id="@+id/map" 
       class="com.google.android.gms.maps.MapFragment" 
       android:layout_width="match_parent" 
       android:layout_height="100dp" /> 
+0

означает, какой цвет вы хотите изменить? –

+0

Вы можете проверить эту [нить] (http://stackoverflow.com/questions/8058787/custom-google-maps-styling-for-android). – gerardnimo

ответ

0

Я получил его решение, запустив файл Html в Google Map в WebView, поместив этот html-файл в папку с ресурсами. И я использовал следующий код для отображения

<!DOCTYPE html> 
<html> 
<head> 
<title>Panoramio Layer</title> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
<meta charset="utf-8"> 
<style> 
    html, body, #map-canvas { 
    height: 100%; 
    margin: 0px; 
    padding: 0px 
    } 
    #panel { 
    position: absolute; 
    top: 5px; 
    left: 50%; 
    margin-left: -180px; 
    z-index: 5; 
    background-color: #fff; 
    padding: 5px; 
    border: 1px solid #999; 
    } 
    #photo-panel { 
    background: #fff; 
    padding: 5px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    width: 300px; 
    max-height: 300px; 
    font-size: 14px; 
    font-family: Arial; 
    border: 1px solid #ccc; 
    box-shadow: -2px 2px 2px rgba(33, 33, 33, 0.4); 
    display: none; 
    } 
</style> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=panoramio"></script> 
<script> 
function initializeGmaps() { 
var LatLng = {lat: 28.596979, lng: 77.326742}; 
var mapCanvas = document.getElementById('google-map'); 
var mapOptions = { 
center : LatLng, 
scrollwheel : false, 
zoom : 14, 
mapTypeId : google.maps.MapTypeId.ROADMAP, 
backgroundColor: 'none', 
styles : [{ 
stylers: [ 
{ invert_lightness: true }, 
{ hue: '#666' }, 
{ saturation: -100 }, 
{ lightness: -0 }, 
{ visibility: 'simplified' } 
] 
}] 
} 
var map = new google.maps.Map(mapCanvas, mapOptions); 
var marker = new google.maps.Marker({ 
position: LatLng, 
map: map, 
icon: '<?=base_url();?>images/marker.png', 
title: 'Advisorymandi.com Pvt. Ltd.' 
}); 
} 
google.maps.event.addDomListener(window, 'load', initializeGmaps); 

</script> 
</head> 
<body> 
<ul id="photo-panel"> 
<li><strong>Photos clicked</strong></li> 
</ul> 
<div id="google-map" class="youplay-gmaps" style=" height: 450px; width: 100%;"></div> 
</body> 
</html> 
-1

Для этого вам необходимо использовать библиотеку google map v3. См. documentation

+0

Почему у него нет простых шагов для его реализации? –

+0

Вы ошибаетесь! Это код Android, и вы говорите о Javascript API, что совершенно другое. –

+0

Да. Это не связано с Android. –