mort3za/map-with-multiple-markers.html

## map-with-multiple-markers.html
<html>

<head>

    <title>Google Maps Multiple Markers</title>
    <meta charset="utf-8">
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
</head>

<body>
    <div id="map" style="height: 400px; width: 100%; direction:rtl; text-align:right;">
    </div>
    <script type="text/javascript">
        var locations = [
            ['<span style="font-family:tahoma !important; font-size:12px; padding-right:25px;" >شرکت پاکشوما</span>', 35.733369, 51.416976, 4]
        ];


        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 15,
            center: new google.maps.LatLng(35.733369, 51.416976),
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            streetViewControl: false,
            // navigationControl: false,
            // mapTypeControl: false,
            // scaleControl: false,
            // zoomControl: false,
            // draggable: false,
        });

        var infowindow = new google.maps.InfoWindow();

        var marker, i;

        for (i = 0; i < locations.length; i++) {
            marker = new google.maps.Marker({
                position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                map: map
            });

            google.maps.event.addListener(marker, 'click', (function(marker, i) {
                return function() {
                    infowindow.setContent(locations[i][0]);
                    infowindow.open(map, marker);
                }
            })(marker, i));
        }
    </script>
</body>

</html>
	<html>

	<head>

	<title>Google Maps Multiple Markers</title>
	<meta charset="utf-8">
	<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
	</head>

	<body>
	<div id="map" style="height: 400px; width: 100%; direction:rtl; text-align:right;">
	</div>
	<script type="text/javascript">
	var locations = [
	['<span style="font-family:tahoma !important; font-size:12px; padding-right:25px;" >شرکت پاکشوما</span>', 35.733369, 51.416976, 4]
	];


	var map = new google.maps.Map(document.getElementById('map'), {
	zoom: 15,
	center: new google.maps.LatLng(35.733369, 51.416976),
	mapTypeId: google.maps.MapTypeId.ROADMAP,
	streetViewControl: false,
	// navigationControl: false,
	// mapTypeControl: false,
	// scaleControl: false,
	// zoomControl: false,
	// draggable: false,
	});

	var infowindow = new google.maps.InfoWindow();

	var marker, i;

	for (i = 0; i < locations.length; i++) {
	marker = new google.maps.Marker({
	position: new google.maps.LatLng(locations[i][1], locations[i][2]),
	map: map
	});

	google.maps.event.addListener(marker, 'click', (function(marker, i) {
	return function() {
	infowindow.setContent(locations[i][0]);
	infowindow.open(map, marker);
	}
	})(marker, i));
	}
	</script>
	</body>

	</html>