Si no queremos autogenerar el soporte para
GDirection, de modo que queramos diseñar una interfaz más personal, no tenemos más que poner a false la propiedad "autoGenerate".
Pero GMaps sigue haciendo casi todo nuestro trabajo. No tenemos más que añadir al mapa los cuadros de texto de salida y de llegada, el botón y un "div" donde irá la descripción de nuestro viaje.
Además, se puede definir la propiedad "locale" para indicar la Lengua-Cultura en que estamos trabajando.
Con todo y con esto, basta con definir las siguientes propiedades para el correcto funcionamiento:
- buttonElementId: el ID del botón. Debe ser un "<input type=button />" NO un "<asp:Button />".
- fromElementId: el ID del cuadro de texto que corresponde al punto de salida.
- toElementId: el ID del cuadro de texto que corresponde al punto de salida.
- divElementId: el ID del div donde irá la descripción del viaje.
- locale: string que define la cultura. Por ejemplo "es-ES", "en-GB", "fr-CA", etc.
- travelMode: el modo de viaje, como conducción (por defecto) o a pie.
- avoidHighways: si le damos true, tratará de evitar las autopistas siempre que sea posible.
- preserveViewport: Por defecto, cuando al buscar una dirección el mapa se centra en el resultado. Si activamos esta opción, el mapa no se mueve de donde estemos (a no ser que nunca hayamos definido una localización inicial).
Code.aspx
Start Location: <asp:TextBox ID="tb_fromPoint" runat="server"></asp:TextBox>
End Location: <asp:TextBox ID="tb_endPoint" runat="server"></asp:TextBox>
<input type="button" id="bt_Go" value="Come on!" />
<cc1:GMap ID="GMap1" runat="server" />
<div id="div1"></div>
Code.aspx.cs
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
GDirection direction = new GDirection();
direction.autoGenerate = false;
direction.buttonElementId = "bt_Go";
direction.fromElementId = tb_fromPoint.ClientID;
direction.toElementId = tb_endPoint.ClientID;
direction.divElementId = "div_directions";
direction.clearMap = true;
// Optional
// direction.locale = "es-ES";
GMap1.Add(direction);
}
}