GoogleMarker

Click on the map to add marker. Then click on the button 'Save' to save the location of all markers added. You can later click on 'Load' button to load saved markers. Clicking on the 'Clear' button all markers on the map will be removed, but you can load saved lately. If you want to save the map as image click the 'Make Map Static' button below and then when map is rendered as image you can save it.


Show first marker
Show second marker

collapse Description
A marker object has a point, which is the geographical position where the marker is anchored on the map, and an icon. If the icon is not set in the constructor, the default icon G_DEFAULT_ICON is used. After it is added to a map, the info window of that map can be opened through the marker. The marker object will fire mouse events and infowindow events.

The control above is initialized with this code.

<artem:GoogleMap ID="GoogleMap2" runat="server" Width="530px" Height="500px" Latitude="37.559819" Longitude="-122.210540"
    Zoom="4" BorderStyle="Solid" BorderColor="#999999" BorderWidth="1">
    <Directions>
        <artem:GoogleDirection RoutePanelId="route" Query="from: San Francisco, CA to: Mountain View, CA" />
    </Directions>
</artem:GoogleMap>
collapse Properties
  • Address - Gets or sets the address of the marker.
  • AutoPan - Gets or sets a value indicating whether to 'Auto-pan' the map as you drag the marker near the edge.
  • Bouncy - Gets or sets a value indicating whether the GoogleMarker is bouncy. Toggles whether or not the marker should bounce up and down after it finishes dragging.
  • Clickable - Gets or sets a value indicating whether the GoogleMarker is clickable. Toggles whether or not the marker is clickable. Markers that are not clickable or draggable are inert, consume less resources and do not respond to any events. The default value for this option is true, i.e. if the option is not specified, the marker will be clickable.
  • Draggable - Gets or sets a value indicating whether the GoogleMarkeris draggable. Toggles whether or not the marker will be draggable by users. Markers set up to be dragged require more resources to set up than markers that are clickable. Any marker that is draggable is also clickable, bouncy and auto-pan enabled by default. The default value for this option is false.
  • DragCrossMove - When dragging markers normally, the marker floats up and away from the cursor. Setting this value to true keeps the marker underneath the cursor, and moves the cross downwards instead. The default value for this option is false.
  • IconAnchor - Gets or sets the icon anchor. The pixel coordinate relative to the top left corner of the icon image at which this icon is anchored to the map.
  • IconSize - Gets or sets the size of the icon. The pixel size of the foreground image of the icon.
  • ImageUrl - Gets or sets the foreground image URL of the icon.
  • InfoWindowAnchor - Gets or sets the info window anchor. The pixel coordinate relative to the top left corner of the icon image at which this icon is anchored to the map.
  • InfoWindowContent - Gets or sets the controls' template content of the info window.
  • Latitude - Gets or sets the latitude of the marker.
  • Longitude - Gets or sets the longitude of the marker.
  • OpenInfoBehaviour - Gets or sets the behaviour for opening the info window of the marker - on which mouse event the info window of the marker to be opened. Available values are: Click, DoubleClick, MouseDown, MouseOut, MouseOver, MouseUp.
  • ShadowSize - Gets or sets the pixel size of the shadow image, if custom image is used for icon.
  • ShadowUrl - Gets or sets the shadow image URL of the icon, if custom image is used for icon.
  • Text - Gets or sets the simple text content for the marker's info window.
  • Title - Gets or sets the title of the marker. This string will appear as tooltip on the marker, i.e. it will work just as the title attribute on HTML elements.
collapse Methods(Actions)
  • CloseInfoWindow - Method to fire invokation of {{closeInfoWindow}} function of the GMarker instance from the server-side code.
  • Hide - Method to fire invokation of {{hide}} function of the GMarker instance from the server-side code.
  • OpenInfoWindow - Method to fire invokation of {{openInfoWindow}} function of the GMarker instance from the server-side code.
  • OpenInfoWindowHtml - Method to fire invokation of {{openInfoWindowHtml}} function of the GMarker instance from the server-side code.
  • Show - Method to fire invokation of {{show}} function of the GMarker instance from the server-side code.
collapse Known Issues