cfmap

Embeds a Google map within a ColdFusion web page

  <cfmap>

 cfmap();

This tag requires Adobe ColdFusion 9 and up.  Not supported on Lucee, etc.

Discouraged: The use of tags generating UI is generally discouraged by the CFML community. See: https://static.raymondcamden.com/cfuitherightway/cfmap/index.html

  1. CFDocs
  2. Tags
  3. UI Tags
  4. cfmap
  5. CF9+
  6. 0 Issue
  7. Edit
See Also:   cfmapitem

Attribute Reference

width string

Map width, in pixels.

centerlongitude numeric

The longitude value for the location, in degrees

centeraddress string

The address of the location, which is set as the center of the map.

continuouszoom boolean

Whether to provide zoom control that enables smooth zooming for the map
Values:
  • true
  • false

type string

Type of the Google map
Values:
  • map
  • satellite
  • hybrid
  • earth
  • terrain

title string

Title of the panel

zoomcontrol string

Whether to enable zoom control
Values:
  • none
  • small
  • large
  • small3D
  • large3D

tip string

A short description of the center location that appears as a tool tip.
Values:
  • true
  • false

overview boolean

Whether to add an Overview panel to the map
Values:
  • true
  • false

hideborder boolean

Whether to hide border for surrounding panel
Values:
  • true
  • false

doubleclickzoom boolean

Whether to enable double-click zoom
Values:
  • true
  • false

key string

The API key of the map.

collapsible boolean

Whether to provide a collapsible property for the surrounding panel
Values:
  • true
  • false

zoomlevel numeric

Specifies the starting zoom value

height string

Height of the map, in pixels

centerlatitude numeric

The latitude value for the location, in degrees.

onload string

Custom JavaScript function that runs after the map loads..

typecontrol string

What type of typecontrol to provide. Basic includes "map, satellite, hybrid" and Advanced includes "map, satellite, hybrid, earth, terrain"
Values:
  • none
  • basic
  • advanced

displayscale boolean

Whether to enable scale control
Values:
  • true
  • false

name string

Name of the map.

scrollwheelzoom boolean
Default: true

Whether to enable mouse wheel zooming control
Values:
  • true
  • false

markerBind string

Uses a bind expression to fetch markup to be displayed in the infowindow opened when the marker is clicked. This is mutually exclusive with the markerwindowtext attribute. This is inherited by all cfmapitem tags

showMarkerWindow boolean
Default: true

When true, the marker infowindow is shown. By default, this is false. This is inherited by all cfmapitem tags.
Values:
  • true
  • false

markerWindowContent string

Static inner HTML markup to be displayed in the infowindow opened when the marker is clicked. This is mutually exclusive with the markerbind attribute

markerIcon string

Location of the icon to use for the marker.

markerColor string

marker color in hexadecimal value.

onError string

The JavaScript function to run when there is a Google map API error.
The JavaScript function is passed with two parameters, Google map status code and error message.

showCenterMarker boolean
Default: true

Whether to display the marker icon that identifies the map center
Values:
  • true
  • false

showScale boolean
Default: true

Whether to show scale control
Values:
  • true
  • false

Examples
Sample code using the cfmap tag

Signup for cfbreak to stay updated on the latest news from the ColdFusion / CFML community. One email, every friday.

Fork me on GitHub