divのクリックでGoogleマップマーカーを追加

Googleマップのマーカーをクリックして表示させるにはどうすればよいですか？私は機能を作ってクリックしてみましたが、機能しません。私はそれが本当にどのように機能するのかわからないので、私は助けが必要です。ここに私のコードは次のとおりです。あなたのコードではdivのクリックでGoogleマップマーカーを追加

<!DOCTYPE html> 
<html> 
    <head> 
<script src="http://maps.googleapis.com/maps/api/js"></script> 
<script> 
var myCenter=new google.maps.LatLng(45.159457,18.0158902); 


function initialize() { 
    var mapProp = { 
    center:new google.maps.LatLng(45.159457,18.0158902), 
    zoom:13, 
    mapTypeId:google.maps.MapTypeId.ROADMAP 
    }; 
    var map=new google.maps.Map(document.getElementById("map"),mapProp); 

    var marker=new google.maps.Marker({ 
    position:myCenter, 
    }); 


marker.setMap(map) 

} 
</script> 
<script> 

function tagovi(){ 
var myCenter2=new google.maps.LatLng(45.1568915,18.0153617); 
var marker2=new google.maps.Marker({ 
    position:myCenter2, 
    }); 

marker2.setMap(map); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
</head> 
    <body> 
    <div class="b_m"><a href="#" onclick="tagovi()"><img src="slike/restorani.png"></a></div> 
    </body> 
</html>

出典

2016-04-16 Matija Mitrović

あなたはdivのマップを宣言する必要がありますし、あなたが私はあなたのコードを編集していますので、これはどこでも

をVAR見ることができます初期外のvarマップを宣言しなければならない2つの問題があります適切

のvar地図の下、 var myCenter = new google.maps.LatLng（45.159457,18.0158902）;

function initialize() { 
     var mapProp = { 
     center:new google.maps.LatLng(45.159457,18.0158902), 
     zoom:13, 
     mapTypeId:google.maps.MapTypeId.ROADMAP 
     }; 
     map=new google.maps.Map(document.getElementById("map"),mapProp); 

     var marker=new google.maps.Marker({ 
     position:myCenter, 
     }); 


    marker.setMap(map) 

    } 
    </script> 
    <script> 

    function tagovi(){ 

    var myCenter2=new google.maps.LatLng(45.1568915,18.0153617); 
    var marker2=new google.maps.Marker({ 
     position:myCenter2, 
     }); 

    marker2.setMap(map); 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
     <body> 
     <div class="b_m"><a href="#" onclick="tagovi()"><img src="slike/restorani.png"></a></div> 
     <div id="map" style="width: 500px; height: 500px;"></div> 
     </body> 

    </html>

出典

2016-04-16 18:43:37 scaisEdge

divのクリックでGoogleマップマーカーを追加

答えて

関連する問題