VBA HTML

< !DOCTYPE HTML>
< html>
< head>
< meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
< meta http-equiv="content-language" content="ja" />
< meta http-equiv="X-UA-Compatible" content="IE=edge">

< /head>
< body>< !-- onclick="gauge1()" onload="gauge1()"-->



< div style="width:50vw;padding-top: 50px;margin-left:50px;height:500px;float:left">

< hr width="70%">
< br>
< br>
< div id="region-div">< /div>
< /div>
< div>
< br>< br>< br>
< h1>AAAAAAAAAAAAAAA< /h1>
< p>aaaaaaaaaaaaaaaaaaaaa< /p>
< p>aaaaaaaaaaaaaaaaaaaaa< /p>
< p>aaaaaaaaaaaaaaaaaaaaa< /p>
< p>aaaaaaaaaaaaaaaaaaaaa< /p>
< p>aaaaaaaaaaaaaaaaaaaaa< /p>
< p>aaaaaaaaaaaaaaaaaaaaa< /p>< p>aaaaaaaaaaaaaaaaaaaaa< /p>
< p>aaaaaaaaaaaaaaaaaaaaa< /p>
< p>aaaaaaaaaaaaaaaaaaaaa< /p>
< /div>

< hr width="70%">



< script type="text/javascript" src="https://www.google.com/jsapi">< /script>



< script type="text/javascript">

google.load('visualization','1',{'packages': ['geochart']});
google.setOnLoadCallback(drawMap);

function drawMap() {
//都道府県単位のデータ
var data = [
['所在地','回数','VVV'],
['埼玉', 500,10],
['東京', 700,6],
['神奈川', 600,8]
];
var dt = google.visualization.arrayToDataTable(data);
var options = {
region: 'JP', //地域
//displayMode: 'markers',
// colorAxis: {colors: ['blue','blue']}
//backgroundColor: '#ebf7fe', //背景色
resolution: 'provinces', //境界線
colors: ['#ffeb3b','#f44336']
};
//出力するDivを指定して chart を生成
var chart = new google.visualization.GeoChart(document.getElementById('region-div'));
//描画
chart.draw(dt, options);
}




< /script>


< style>


body {
background-color: #ffffff;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 0;
/*text-align:center;*/
/*height:2500px;*/
/* padding-top: 64px; */
　　　　max-width:700px;
}




< /style>





< /body>
< /html>