2 Replies - 492 Views - Last Post: 21 February 2016 - 09:45 AM

#1 kwood30   User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 36
  • Joined: 19-February 16

using a regular counter loop for user to input own info to a place mar

Posted 20 February 2016 - 02:39 PM

Rights guys ignore my last two post as I have manage to sort them out for myself, but this one is a struggle. I am trying to allow a user to input their own info in to their place make, say a reference number for example, but am struggling to do so. I believe the way for this is a regular counter loop, but i am not sure how and where to put it and even if that is the right thing to do. Can anyone help me with this please. The code below is what I have managed to do so far.

      <!DOCTYPE html>
      <html>

      <head>



       <!-- Google Maps and Places API -->
       <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>

     <!-- jQuery -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script type="text/javascript">    

    var markers = [];

    function createMarker(latlng, html, map) {
    var infowindow = new google.maps.InfoWindow({
    content: html
     });
     var marker = new google.maps.Marker({
     map: map,
     position: latlng
     });
     marker.addListener('mouseover', function() {
     infowindow.open(map, this);
     });
     marker.addListener('mouseout', function() {
     infowindow.close();
     });
     markers.push(marker); 
     }

     declare namespace
     var up206b = {};


     var map;

      function trace(message) {
      if (typeof console != 'undefined') {
      console.log(message);
      }
      }

      up206b.initialize = function() {
      var latlng = new google.maps.LatLng(52.136436, -0.460739);
      var myOptions = {
      zoom: 13,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
     up206b.geocode();
    }

    var geocoder = new google.maps.Geocoder();

    up206b.geocode = function() {
    for (var i = 0; i < markers.length; i++) {
    markers[i].setMap(null);
    }
    markers = [];
    var bounds = new google.maps.LatLngBounds();
    var addresses = [$('#address').val(), $('#address2').val()];

    addresses.forEach(function(address) {
      if (address) {
      geocoder.geocode({
      'address': address
     }, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
      map.setCenter(results[0].geometry.location);
      createMarker(results[0].geometry.location, address, map);
      bounds.extend(results[0].geometry.location);
      map.fitBounds(bounds);
      } else {
       alert("Geocode was not successful for the following reason: " + status);
       }
      });
    }
   });
 }


     </script> 
     </head>
     <body onload="up206b.initialize()"> 

    <div style="top: 0; right: 0; width:380px; height: 500px; float:right; padding-left:10px; padding-right:10px;"> 
    <h1 align="center">Map Search</h1>   

    <div style="border:1px solid #ccc; background:#e5e5e5; padding:10px;" >

    <form >
    <br>
    Location 1 <input type="text" id="address">
    <br>
    <br>
    Location 2 
    <input type="text" id="address2">
    <br>
    <br>
    <input type="button" value="Submit" onclick="up206b.geocode()">
  </form>
  </div>

  </div> 

  <div id="map_canvas" style="height: 500px; width: 500px; float:right"></div> 

</body>  
</html>




Is This A Good Question/Topic? 0
  • +

Replies To: using a regular counter loop for user to input own info to a place mar

#2 Nitewalkr   User is offline

  • D.I.C Lover

Reputation: 149
  • View blog
  • Posts: 1,045
  • Joined: 17-November 10

Re: using a regular counter loop for user to input own info to a place mar

Posted 20 February 2016 - 07:51 PM

Never mind, I re read your code to realize that you have been using DOM

This post has been edited by Nitewalkr: 20 February 2016 - 07:53 PM

Was This Post Helpful? 0
  • +
  • -

#3 kwood30   User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 36
  • Joined: 19-February 16

Re: using a regular counter loop for user to input own info to a place mar

Posted 21 February 2016 - 09:45 AM

View PostNitewalkr, on 20 February 2016 - 07:51 PM, said:

Never mind, I re read your code to realize that you have been using DOM

Are you able to help then?

View PostNitewalkr, on 20 February 2016 - 07:51 PM, said:

Never mind, I re read your code to realize that you have been using DOM

Are you able to help then?

View PostNitewalkr, on 20 February 2016 - 07:51 PM, said:

Never mind, I re read your code to realize that you have been using DOM

Are you able to help then?

View PostNitewalkr, on 20 February 2016 - 07:51 PM, said:

Never mind, I re read your code to realize that you have been using DOM

Are you able to help then?
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1