MapQuest-GL.js

Geocoding with Custom Popups

Edit the code below and click "Try It Now" to display the result.

map.load(function() {
          map.geocode('1555 Blake St, Denver, CO')
            .then( function(point) {
              var marker = map.icons.marker.add(point, 'denver', 'marker-D-black-white-sm.png');
              map.icons.marker.addPopup(
                marker, 
                point, 
                {closeOnClick: false, offset: {bottom: [0, -36], left: [14, -18], right: [-14, -18]}},
                '<strong>Hello Denver!</strong>'
              );
            })
            .then( function() { map.fitBounds(); } );
        });
      };
    </script>
  </head>