0

HTMLの非表示の入力値からアドレスを取得するマップを作成しましたが、誰かがアドレスにマーカーを表示するのを手伝ってくれますか？

<script>
      var map;
      var geocoder;
      var markers = new Array();
      var firstLoc;

      function myGeocodeFirst() {
        geocoder = new google.maps.Geocoder();

        geocoder.geocode( {'address': document.getElementById("text_address").value },
          function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
              firstLoc = results[0].geometry.location;
              map = new google.maps.Map(document.getElementById("map_canvas"),
              {
                center: firstLoc,
                zoom: 17,
                mapTypeId: google.maps.MapTypeId.ROADMAP
              });

            } 
            else {
              document.getElementById("text_status").value = status;
            }
          }
        );
      }  
window.onload=myGeocodeFirst;
</script>

<body>
<div id="loc">
<input id="text_address" type="hidden" size="10" value="Moshe Cohen 1, Bat Yam, Israel"></div>
<div id="map_canvas"></div>
</body>
</html>

ありがとう、ギドン

4

1 に答える 1

0

だから、私はマーカーを追加するためにスクリプトに以下を追加しました-

<script>
      var map;
      var geocoder;
     // var markers = new Array();
      var firstLoc;


      function myGeocodeFirst() {
        geocoder = new google.maps.Geocoder();

        geocoder.geocode( {'address': document.getElementById("text_address").value },
          function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
              firstLoc = results[0].geometry.location;
              map = new google.maps.Map(document.getElementById("map_canvas"),
              {
                center: firstLoc,
                zoom: 17,
                mapTypeId: google.maps.MapTypeId.ROADMAP
              });
            var marker=new google.maps.Marker({
        position:firstLoc,
        });
        marker.setMap(map);
            } 
            else {
              document.getElementById("text_status").value = status;
            }
          }
        );

      }  


window.onload=myGeocodeFirst;
</script>
于 2013-03-24T14:18:05.790 に答える