Googleマップの表示を変更するには

Question

私のニーズに合わせてGoogleマップの表示を設定しようとしていますが、できません。実は私はこの

などのGoogleマップを表示したい。しかし、私がこのコードを使用しています。この

のように表示されます。

function init_map() { 
    var var_location = new google.maps.LatLng(33.6934473,35.644258); 

    var var_mapoptions = { 
     center: var_location, 
     zoom: 12 
    }; 

    var var_marker = new google.maps.Marker({ 
     position: var_location, 
     map: var_map, 
     title:"Venice"}); 

    var var_map = new google.maps.Map(document.getElementById("map-container"), 
     var_mapoptions); 

    var_marker.setMap(var_map); 

    } 

    google.maps.event.addDomListener(window, 'load', init_map); 

任意のヘルプは理解されるであろう。 ありがとう

Answer 1

マップの中心をマーカー以外の場所に設定します。

function init_map() { 
 
    var var_location = new google.maps.LatLng(33.6934473, 35.644258); 
 

 
    var var_mapoptions = { 
 
    center: new google.maps.LatLng(33.691578, 35.523065), 
 
    zoom: 12 
 
    }; 
 

 
    var var_marker = new google.maps.Marker({ 
 
    position: var_location, 
 
    map: var_map, 
 
    title: "Venice" 
 
    }); 
 

 
    var var_map = new google.maps.Map(document.getElementById("map-container"), 
 
    var_mapoptions); 
 

 
    var_marker.setMap(var_map); 
 
} 
 

 
google.maps.event.addDomListener(window, 'load', init_map);

html, 
 
body, 
 
#map-container { 
 
    height: 200px; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="center"></div> 
 
<div id="map-container"></div>