Using a regular counter loop for user to input own info to a place marker

Rights guys ignore my last two post as I have manage to sort them out for myself, but this one is a struggle. I seem to of not had much input on my last posts and not sure why. 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>


   <!-- Google Maps and Places API -->
   <script type="text/javascript" src=""></script>

 <!-- jQuery -->
 <script src=""></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() {, this);
 marker.addListener('mouseout', function() {

 declare namespace
 var up206b = {};

 var map;

  function trace(message) {
  if (typeof console != 'undefined') {

  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);

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

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

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

 <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 >
Location 1 <input type="text" id="address">
Location 2 
<input type="text" id="address2">
<input type="button" value="Submit" onClick="up206b.geocode()">

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.