麻烦造型我的谷歌地图
我一直试图风格我的谷歌地图整周,我会绕圈!我有我想使用的JSON值,但不知道如何将它们添加到JavaScript!我还想让缩放栏控制的东西坐在窗口的右侧,而不是左侧,因为我的地图是整页背景,所以在左侧,这隐藏在网站内容div后面。麻烦造型我的谷歌地图
任何人都可以帮忙吗?
:)
我想补充的是JSON:
[{造型器:[{饱和度:-90},{伽玛:0.87}]}]
和代码我有我的地图是:
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
// A function to create the marker and set up the event window
// Dont try to unroll this function. It has to be here for the function closure
// Each instance of the function preserves the contends of a different instance
// of the "marker" and "html" variables which will be needed later when the event triggers.
function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
// Display the map, with some controls and set the initial location
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(50.826910965853585, -0.13648152351379395), 16);
// Set up the markers with info windows
var point = new GLatLng(50.826910965853585, -0.13648152351379395);
var marker = createMarker(point,'<div style="width:300px">text for pop up here....</div>')
map.addOverlay(marker);
}
// display a warning if the browser was not compatible
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}
// This Javascript is based on code provided by the
// Community Church Javascript Team
// http://www.bisphamchurch.org.uk/
// http://econym.org.uk/gmap/
//]]>
</script>
尝试:
var myStyles = [
{
featureType: "all",
stylers: [ { saturation: -90 }, { gamma: 0.87 }
}
];
map.setOptions({styles: myStyles });
基于:http://code.google.com/apis/maps/documentation/javascript/styling.html#styling_the_default_map
问题是您正在尝试使用Maps API V2,该API无法为您提供样式化地图的功能。正如graphicdivine提到的,此代码将帮助您设计Maps API V3地图的样式: http://code.google.com/apis/maps/documentation/javascript/styling.html#styling_the_default_map
由于V2已弃用,因此您应该切换。要开始使用V3地图,请查看Maps API Basics page。
非常感谢您的反馈,我以为我在使用V3 d'oh! – 2011-12-19 17:08:04
这家伙博客在谷歌地图上有很多例子http://www.svennerberg.com – defau1t 2011-12-16 19:32:49