This is a migrated thread and some comments may be shown as answers.

Evaluating telerik Openstreetmap Please respond...

2 Answers 115 Views

Map

This is a migrated thread and some comments may be shown as answers.

Vivek asked on 15 Jul 2011, 04:12 PM

Hi Team,

I am working for the custom search option. I have one text box for custom search and one button to search the map item. Please find my code in code block.

<Window x:Class="DetailData.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

Title="MainWindow" Height="350" Width="525">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="40"/>

<RowDefinition Height="*"/>

</Grid.RowDefinitions>

<TextBox Margin="12,4,0,6" Height="30" Width="300" HorizontalAlignment="Left" Name="Txtbx_Search"></TextBox>

<Button Margin="318,4,135,6" Height="30" Width="50" Content="Search" Name="Search" Click="Search_Click"></Button>

<telerik:RadMap x:Name="radMap" Grid.Row="1" Center="60.1755556, 24.9341667" MouseDoubleClickMode="None" ZoomLevel="5" >

<telerik:RadMap.Provider>

<telerik:OpenStreetMapProvider />

</telerik:RadMap.Provider>

<telerik:InformationLayer Name="informationLayer">

<telerik:InformationLayer.ItemTemplate>

<DataTemplate>

<Border Background="Transparent"

BorderThickness="1"

Padding="2,2,2,2">

<ToolTipService.ToolTip>

<ToolTip Content="{Binding Path=Title}" />

</ToolTipService.ToolTip>

<telerik:MapLayer.HotSpot>

<telerik:HotSpot X="0.5" Y="1.0" XUnits="Fraction" YUnits="Fraction" ElementName="Pin"/>

</telerik:MapLayer.HotSpot>

<Canvas x:Name="Pin" Height="32" Width="20">

<Path Data=

"M1054.5088,458.105L1065.5188,458.105C1067.7278,458.105,1069.5188,459.896,1069.5188,462.105L1069.5188,473.084C1069.5188,475.293,1067.7278,477.084,1065.5188,477.084C1065.5188,477.084,1062.6868,476.831,1062.2128,479.103C1061.6608,481.751,1060.2208,489.11,1060.2208,489.11L1059.3548,489.11C1059.3548,489.11,1058.0138,482.546,1057.2888,479.106C1056.8538,477.041,1054.5088,477.084,1054.5088,477.084C1052.2998,477.084,1050.5088,475.293,1050.5088,473.084L1050.5088,462.105C1050.5088,459.896,1052.2998,458.105,1054.5088,458.105z"

Fill="White" Height="32.005" StrokeStartLineCap="Flat" Stretch="Fill" StrokeEndLineCap="Flat" Stroke="Black" StrokeThickness="1" StrokeMiterLimit="10" StrokeLineJoin="Miter" Width="20.01"/>

<Path Canvas.Top="2.989" Canvas.Left="3.188" Data=

"M1066.6162,472.8125C1066.6212,473.9125,1065.7252,474.8125,1064.6252,474.8125L1055.2502,474.8125C1054.1502,474.8125,1053.2462,473.9125,1053.2412,472.8125L1053.1962,462.5935C1053.1912,461.4935,1054.0872,460.5935,1055.1872,460.5935L1064.5622,460.5935C1065.6622,460.5935,1066.5662,461.4935,1066.5712,462.5935z"

Fill="Black" Height="14.219" Stretch="Fill" Width="13.42"/>

</Canvas>

</Border>

</DataTemplate>

</telerik:InformationLayer.ItemTemplate>

</telerik:InformationLayer>

<telerik:InformationLayer Name="informationLayer2" />

</telerik:RadMap>

</Grid>

</Window>

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Input;

using Telerik.Windows.Controls;

using Telerik.Windows.Controls.Map;

using System.Windows.Media;

namespace DetailData

{

/// <summary>

/// Interaction logic for MainWindow.xaml

/// </summary>

public partial class MainWindow : Window

{

private bool initialized;

private RadWindow window;

private Point topRightPoint;

public MainWindow()

{

InitializeComponent();

this.radMap.InitializeCompleted += new EventHandler(radMap_InitializeCompleted);

}

void radMap_InitializeCompleted(object sender, EventArgs e)

{

if (!this.initialized)

{

this.initialized = true;

// add pushpin

Pushpin pushpin = new Pushpin();

MapLayer.SetLocation(pushpin, new Location(60.1755556, 24.9341667));

pushpin.MouseDoubleClick += new MouseButtonEventHandler(pushpin_MouseDoubleClick);

this.informationLayer.Items.Add(pushpin);

}

private void pushpin_MouseDoubleClick(object sender, MouseButtonEventArgs e)

{

var pushpin = sender as Pushpin;

if (pushpin != null)

{

e.Handled = true;

LocationRect bounds = this.informationLayer.GetGeoBounds(pushpin);

bounds.MapControl = this.radMap;

Location topRight = bounds.Northwest;

this.topRightPoint = topRight.GetPoint(this.radMap);

this.topRightPoint.X += this.Left;

this.topRightPoint.Y += this.Top;

if (this.window != null && this.window.IsOpen)

{

this.window.Close();

}

this.window = new RadWindow()

{

Content = "My first Pinpoint info"

};

window.ResizeMode = System.Windows.ResizeMode.NoResize;

this.window.SizeChanged += new System.Windows.SizeChangedEventHandler(window_SizeChanged);

this.window.ShowDialog();

}

private void window_SizeChanged(object sender, System.Windows.SizeChangedEventArgs e)

{

var window = sender as RadWindow;

if (window != null && e.NewSize.Width > 0)

{

Canvas.SetLeft(window, this.topRightPoint.X - e.NewSize.Width);

Canvas.SetTop(window, this.topRightPoint.Y);

}

private void Search_Click(object sender, RoutedEventArgs e)

{

string query = this.Txtbx_Search.Text;

//radMap.Center =

}

I need to show the search point by adding one pinpoint. do you have some custom search example for openstreetmap?

Please provide some sample code for the openstreetmap.

Thanks,
Vivek.

2 Answers, 1 is accepted

Accepted