2016-12-02 2 views
-1

私はちょうどhttps://mapstyle.withgoogle.com/にGoogleマップを設定しました。Google JS APIが私に与えたコードとは何か

JSONとGoogle Static Maps APIのURLを教えてくれました。

私もAPIを生成しました。

私の質問は、私に与えられた2つのことと何をすればよいのですか。フラットなHTMLページにどうやって入れますか?

[ 
    { 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "color": "#f5f5f5" 
     } 
    ] 
    }, 
    { 
    "elementType": "labels.icon", 
    "stylers": [ 
     { 
     "visibility": "off" 
     } 
    ] 
    }, 
    { 
    "elementType": "labels.text.fill", 
    "stylers": [ 
     { 
     "color": "#616161" 
     } 
    ] 
    }, 
    { 
    "elementType": "labels.text.stroke", 
    "stylers": [ 
     { 
     "color": "#f5f5f5" 
     } 
    ] 
    }, 
    { 
    "featureType": "administrative.land_parcel", 
    "elementType": "labels.text.fill", 
    "stylers": [ 
     { 
     "color": "#bdbdbd" 
     } 
    ] 
    }, 
    { 
    "featureType": "poi", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "color": "#eeeeee" 
     } 
    ] 
    }, 
    { 
    "featureType": "poi", 
    "elementType": "labels.text.fill", 
    "stylers": [ 
     { 
     "color": "#757575" 
     } 
    ] 
    }, 
    { 
    "featureType": "poi.park", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "color": "#e5e5e5" 
     } 
    ] 
    }, 
    { 
    "featureType": "poi.park", 
    "elementType": "labels.text.fill", 
    "stylers": [ 
     { 
     "color": "#9e9e9e" 
     } 
    ] 
    }, 
    { 
    "featureType": "road", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "color": "#ffffff" 
     } 
    ] 
    }, 
    { 
    "featureType": "road.arterial", 
    "elementType": "labels.text.fill", 
    "stylers": [ 
     { 
     "color": "#757575" 
     } 
    ] 
    }, 
    { 
    "featureType": "road.highway", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "color": "#dadada" 
     } 
    ] 
    }, 
    { 
    "featureType": "road.highway", 
    "elementType": "labels.text.fill", 
    "stylers": [ 
     { 
     "color": "#616161" 
     } 
    ] 
    }, 
    { 
    "featureType": "road.local", 
    "elementType": "labels.text.fill", 
    "stylers": [ 
     { 
     "color": "#9e9e9e" 
     } 
    ] 
    }, 
    { 
    "featureType": "transit.line", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "color": "#e5e5e5" 
     } 
    ] 
    }, 
    { 
    "featureType": "transit.station", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "color": "#eeeeee" 
     } 
    ] 
    }, 
    { 
    "featureType": "water", 
    "elementType": "geometry", 
    "stylers": [ 
     { 
     "color": "#c9c9c9" 
     } 
    ] 
    }, 
    { 
    "featureType": "water", 
    "elementType": "labels.text.fill", 
    "stylers": [ 
     { 
     "color": "#9e9e9e" 
     } 
    ] 
    } 
] 

https://maps.googleapis.com/maps/api/staticmap?key=YOUR_API_KEY&center=-33.9,151.14999999999998&zoom=12&format=png&maptype=roadmap&style=element:geometry%7Ccolor:0xf5f5f5&style=element:labels.icon%7Cvisibility:off&style=element:labels.text.fill%7Ccolor:0x616161&style=element:labels.text.stroke%7Ccolor:0xf5f5f5&style=feature:administrative.land_parcel%7Celement:labels.text.fill%7Ccolor:0xbdbdbd&style=feature:poi%7Celement:geometry%7Ccolor:0xeeeeee&style=feature:poi%7Celement:labels.text.fill%7Ccolor:0x757575&style=feature:poi.park%7Celement:geometry%7Ccolor:0xe5e5e5&style=feature:poi.park%7Celement:labels.text.fill%7Ccolor:0x9e9e9e&style=feature:road%7Celement:geometry%7Ccolor:0xffffff&style=feature:road.arterial%7Celement:labels.text.fill%7Ccolor:0x757575&style=feature:road.highway%7Celement:geometry%7Ccolor:0xdadada&style=feature:road.highway%7Celement:labels.text.fill%7Ccolor:0x616161&style=feature:road.local%7Celement:labels.text.fill%7Ccolor:0x9e9e9e&style=feature:transit.line%7Celement:geometry%7Ccolor:0xe5e5e5&style=feature:transit.station%7Celement:geometry%7Ccolor:0xeeeeee&style=feature:water%7Celement:geometry%7Ccolor:0xc9c9c9&style=feature:water%7Celement:labels.text.fill%7Ccolor:0x9e9e9e&size=480x360

答えて

関連する問題