Javascript 如何获得新的gmap样式？
当我创建一个简单的谷歌地图时，我得到了这样的地图 但在地图上是这样的 如何获得新设计的GMAP 我想我需要一个JSON样式，但是在地图上找不到正式的JSON样式 代码Javascript 如何获得新的gmap样式？,javascript,google-maps,google-maps-api-3,maps,Javascript,Google Maps,Google Maps Api 3,Maps,当我创建一个简单的谷歌地图时，我得到了这样的地图 但在地图上是这样的 如何获得新设计的GMAP 我想我需要一个JSON样式，但是在地图上找不到正式的JSON样式 代码 简单地图 /*始终明确设置贴图高度以定义div的大小 *包含映射的元素*/ #地图{ 身高：100%； } /*可选：使示例页面填充窗口*/ html，正文{ 身高：100%； 保证金：0； 填充：0； } var映射； 函数initMap（）{ map=new google.maps.map（document.getEle
简单地图
/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，正文{
身高：100%；
保证金：0；
填充：0；
}
var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
中心：{纬度：-34.397，液化天然气：150.644}，
缩放：8
});
}
您可以在此处创建自己的自定义样式并导出为JSON文件。该工具使您有机会将样式声明为粒度级别
其他选项包括或使用任何现有样式或创建您的样式。如何加载“简单谷歌地图”？我用Google Maps Javascript API v3查看的任何内容看起来都更像底部图片，而不是顶部图片。请提供一个例子来说明您的问题。@geocodezip此处的所有代码（修改为将位置更改为靠近发布的图像的位置）看起来仍然更像第二张图像，而不是第一张。对我来说不是。添加了新的截图，截图看起来仍然更像第二个而不是第一个。
<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>