googlemapを利用したjavascriptのページ

###前提・実現したいこと
googlemapを利用して、ボタンが押されたときにピンと説明を表示できるようにしたい
###発生している問題・エラーメッセージ

別々には実装できたのだが、説明とピンをボタンが押されたときに同時に表示できるように実装したい

###該当のソースコード

<!DOCTYPE html>
<html lang="ja">
<head><meta charset="utf-8">

<title>Google Maps</title>

</head>

<body onload = "init();">
<h1>位置情報</h1>
<div id = "map_c" style = "width : 800px; height : 400px;"></div>
<button id = "show_mark">表示</button><button id = "show_info">説明を表示</button>
<button id = "show_place">説明とピンを表示</button>


<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script>
var map;

function init (){

var loc = new google.maps.LatLng(35.364989 ,139.273486);

var mOp = { zoom : 16, center : loc, mapTypeId : google.maps.MapTypeId.ROADMAP};

map = new google.maps.Map( document.getElementById( "map_c" ), mOp);

}
var b1 = document.getElementById("show_mark");

b1.addEventListener('click', function(){

var loc1 = new google.maps.LatLng(35.364989 ,139.273486);

mark = new google.maps.Marker( { position : loc1 });

mark.setMap(map);

});

var b2 = document.getElementById("show_info");

b2.addEventListener('click', function(){

var info_w = new google.maps.InfoWindow( { content: '<p>ここです</p>'} );

info_w.open ( map , mark);
});


</script>

</body>

</html>

###試したこと

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

kei344

2018/01/14 07:27

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

行動規範の内容に同意します

回答1件

単純に合わせては？

javascript
1//var b1 = document.getElementById("show_mark");
2
3//b1.addEventListener('click', function(){
4var b3= document.getElementById("show_place");
5b3.addEventListener('click', function(){
6
7var loc1 = new google.maps.LatLng(35.364989 ,139.273486);
8
9mark = new google.maps.Marker( { position : loc1 });
10
11mark.setMap(map);
12
13//});
14
15//var b2 = document.getElementById("show_info");
16
17//b2.addEventListener('click', function(){
18
19var info_w = new google.maps.InfoWindow( { content: '<p>ここです</p>'} );
20
21info_w.open ( map , mark);
22});