create custom markers for each location google maps v3

                    “var infobox = new InfoBox();

            function initialize() {
            var secheltLoc = new google.maps.LatLng(32.46, -114.76);

            var myMapOptions = {
            zoom: 14,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            center: secheltLoc,
            disableDefaultUI: !0,
            panControl: !1,
            zoomControl: !0,
            minZoom: 2,
            scrollwheel: true,
            zoomControlOptions: {
            style: google.maps.ZoomControlStyle.DEFAULT,
            position: google.maps.ControlPosition.LEFT_CENTER
            },
            mapTypeControl: !0,
            mapTypeControlOptions: {
            mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID],
            position: google.maps.ControlPosition.BOTTOM
            },
            addressControlOptions: {
            position: google.maps.ControlPosition.BOTTOM
            },
            streetViewControl: !1,
            styles: [{
            featureType: "poi",
            elementType: "labels",
            stylers: [{
            visibility: "off"
            }]
            }]
            };

            var map = new google.maps.Map(document.getElementById("map"), myMapOptions);
            google.maps.event.addListener(map, "click", function() {
            infobox.close();
            });

            var marker = createMarker(map, new google.maps.LatLng(32.47568191956827, -114.78429794311523), 
            "text");
            var marker = createMarker(map, new google.maps.LatLng(32.47741970524178, -114.78361129760742),
            "text");
            var marker = createMarker(map, new google.maps.LatLng(32.480804670595184, -114.77479219436646), 
            "text");
            }

            function createMarker(map, latlng, html) {
            var boxText = document.createElement("div");
            boxText.style.cssText = "line-height:20px; border: text-align:justify; none; margin-top: 6px; background: #2b2b33; color: white; padding: 20px;";
            boxText.innerHTML = html;

            var myOptions = {
            content: boxText,
            disableAutoPan: false,
            maxWidth: 0,
            pixelOffset: new google.maps.Size(-167, -10),
            zIndex: null,
            boxStyle: {
            background: "url('tipbox.gif') no-repeat",
            width: "275px"
            },
            closeBoxMargin: "-4px -8px -11px -11px",
            closeBoxURL: "img/close.png",
            infoBoxClearance: new google.maps.Size(1, 1),
            isHidden: false,
            pane: "floatPane",
            enableEventPropagation: false,
            };

            var marker = new google.maps.Marker({
            map: map,
            draggable: false,
            position: latlng,
            visible: true,
            icon:"icon.png",
            });

            google.maps.event.addListener(marker, 'click', function() {
            infobox.open(map, this);
            infobox.setOptions(myOptions);
            });

            return marker;
            }