2011-04-21 3 views
2

나는지도 위에 맞춤 레이어를 삽입 한 다음 Google 거리와 라벨을 그 위에 추가하는 Google지도가 있습니다. 나는 로드맵처럼 거리와 라벨 오버레이를 스타일링 할 수있는 방법이 있는지 살펴보기 위해 주변을 둘러 보았습니다.Google지도 타일 - 거리와 라벨이 스타일과 겹치지 않습니까?

var myStyle = [ 
{ 
    featureType: "road.arterial", 
    elementType: "all", 
    stylers: [ 
    { visibility: "simplified" } 
    ] 
},{ 
    featureType: "road.highway", 
    elementType: "all", 
    stylers: [ 
     { visibility: "simplified" } 
    ] 
} 
]; 

var myTileLayer = { 
    getTileUrl: function(coord, zoom) { 
     return "myTiles.php?" + 
     "z=" + zoom + "&x=" + coord.x + "&y=" + coord.y + "&client=api"; 
    }, 
    tileSize: new google.maps.Size(256, 256), 
    isPng: true 
}; 

var labelTiles = { 
    getTileUrl: function(coord, zoom) { 
     return "http://mt0.google.com/vt/v=apt.116&hl=en-US&" + 
     "z=" + zoom + "&x=" + coord.x + "&y=" + coord.y + "&client=api"; 
    }, 
    tileSize: new google.maps.Size(256, 256), 
    isPng: true 
}; 

var googleLabelLayer = new google.maps.ImageMapType(labelTiles); 

var mapOptions = { 
    mapTypeControlOptions: { 
    mapTypeIds: ['mystyle', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.TERRAIN] 
    }, 
    zoom: 9, 
    center: map_center, 
    mapTypeId: 'mystyle' 
}; 
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
map.mapTypes.set('mystyle', new google.maps.StyledMapType(myStyle, { name: 'My Style' })); 
map.overlayMapTypes.insertAt(0, myTileLayer); 
map.overlayMapTypes.insertAt(1, googleLabelLayer); 

누구가 알고

그래서 나는이 있나요?

답변

1

예. 제한된 범위 내에서 거리와 라벨의 스타일을 지정할 수 있습니다. 다른 설정으로 놀러 http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html에서

[ 
    { 
    featureType: "road", 
    elementType: "geometry", 
    stylers: [ 
     { visibility: "simplified" }, 
     { hue: "#3bff00" } 
    ] 
    } 
] 

를 사용하여 Google지도 API 스타일 적용지도 마법사 : 예를 들어, 당신은이 같은 도로 녹색을 변경할 수 있습니다. 스타일을 복제하는 데 필요한 코드도 생성됩니다. API가 지원하지 않는 작업을 식별하는데도 도움이 될 수 있습니다. 예를 들어, 나는 현재 이탤릭체 레이블을 만드는 방법이 있다고 생각하지 않는다. (괜찮 으면 괜찮아도 내 포인트를 얻을 수 있습니다.)

다른 하나 :지도 API v3.5가 너무 오래 전에 나왔습니다. 어떤 이유로 든 마법사에 표시되지 않는 기능을 사용할 수있는 경우 릴리스 노트 나 공지 사항을 확인할 수 있습니다.

관련 문제