Как отобразить карту Google со ссылкой на это значение Долгота и Локатор, полученное из базы данных с помощью asp.net (c #)?

Я работаю над проектом ASP.Net (c #). У меня есть база данных SQL Server, связанная с ней. В проекте есть список компаний, присутствующих в городе. На странице отобразится список компаний по дате. Нажав на компанию, вы перейдете на другую страницу, на которой будут указаны сведения об этой компании. Я хочу отобразить изображение карты Google или уличную фотографию Google этой компании, а также подробную информацию на этой странице сведений о компании через долготу и широту. Информация о каждом отеле будет выведена из базы данных, чтобы показать на этой странице, и значение долготы и широты каждого отеля также сохраняется в столбце базы данных.

Как отобразить изображение карты Google или изображение улиц Google со ссылкой на это значение Долгота и Широта, которые пришли из базы данных?

1
nl ja de
вы сомневаетесь слишком расплывчато ... Вы должны задать конкретный вопрос о трудностях, с которыми вы сталкиваетесь, а не задавать все решения.
добавлено автор Felipe Sabino, источник

3 ответы

Ну, на вашей странице ASPX вам нужно добавить Карты Google, множество статей, но что-то вроде этого:

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

<div id="map" style="width: 356px; height: 566px;"></div>
<script type="text/javascript">

    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 7,
        center: new google.maps.LatLng(<%=SomeLatValue %>, <%=SomeLongValue%>),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });

</script>

Затем вам нужно иметь свойства класса класса SomeLatValue и SomeLongValue, которые вы можете привязать (как показано в коде).

0
добавлено

Функция 1.Your cs для получения lat и lan из DB

public string propLat = "";
public string propLan = "";


public void getLatLan(int PropertyId)
{
    DataSet dstPropMap = Tbl_PropertyMaster.GetPropertyDetailsbyId(PropertyId);
    if (dstPropMap.Tables[0].Rows.Count > 0)
    {
        propLat = dstPropMap.Tables[0].Rows[0]["Latitude"].ToString().Trim();
        propLan = dstPropMap.Tables[0].Rows[0]["Longitude"].ToString().Trim();
    }
}

2. Ссылка Google Link и создание div с идентификатором 'mapStreetView'

 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>    
 <div id="mapStreetView" style="height:500px;width:340px"></div>

3.Your JS на странице aspx

  function initializeThisMap(lat,lan) {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(lat,lan),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  var map = new google.maps.Map(document.getElementById('mapStreetView'),
      mapOptions);

  var marker = new google.maps.Marker({
    position: map.getCenter(),
    map: map,
    title: 'Click to zoom in'
  });


  google.maps.event.addListener(marker, 'click', function() {
    map.setZoom(12);
    map.setCenter(marker.getPosition());
  });
}

4.Calling JS function (на нижней странице aspx, поэтому она не влияет на другие JS)

<script type="text/javascript">
  initializeThisMap('<%= propLat %>','<%= propLan %>');
</script> 
0
добавлено

Чтобы вставить карту Google на веб-страницу, вы можете использовать API JavaScript для Google Maps . Итак, если у вас есть широта и долгота от db, вы можете вставить эти параметры в свой JS-код:

center = new google.maps.LatLng(-34.397, 150.644)
0
добавлено
DotNetRuChat
DotNetRuChat
2 992 участник(ов)

Чат русскоязычного .NET сообщества http://dotnet.ru/ Вам могут быть интересны: @dotnetchat, @cilchat, @fsharp_chat, @pro_net, @xamarin_russia, @microsoftstackjobs, @uwp_ru Флуд в @dotnettalks

Microsoft Stack Jobs
Microsoft Stack Jobs
1 788 участник(ов)

Work & freelance only Microsoft Stack. Feed https://t.me/Microsoftstackjobsfeed Чат про F#: @Fsharp_chat Чат про C#: @CSharpChat Чат про Xamarin: @xamarin_russia Чат общения:@dotnettalks

pro.net
pro.net
710 участник(ов)

Обсуждение .NET Framework и всего, что с ним связано. Правила: не флудить не по теме, уважать ваших коллег и никакой рекламы (объявления о вакансиях можно согласовать с @AlexFails). Флудилка: @dotnettalks Участник @proDOT

Microsoft Developer Community Chat
Microsoft Developer Community Chat
584 участник(ов)

Чат для разработчиков и системных администраторов Microsoft Developer Community. __________ Новостной канал: @msdevru __________ Баним за: оскорбления, мат, рекламу, флуд, флейм, спам, NSFW контент, а также большое количество оффтоп тем. @banofbot

.NET Talks: Force Push Masters
.NET Talks: Force Push Masters
490 участник(ов)

Свободный чат .NET разработчиков. Правила: t.me/dotnettalks/56823 Вам могут быть интересны: @dotnetruchat, @dotnetchat, @cilchat, @fsharp_chat, @pro_net, @dotnetgroup, @xamarin_russia, @microsoftstackjobs, @uwp_ru http://combot.org/chat/-1001128250813

.NET Chat Убежище
.NET Chat Убежище
246 участник(ов)

Чат .NET разработчиков под эгидой MSK/SPB .NET Community Group Вам могут быть интересны: @fsharp_chat, @dotnetruchat, @cilchat, @xamarin_russia, @microsoftstackjobs, @dotnetgroup Флуд в @dotnettalks

.NET CIL Chat
.NET CIL Chat
54 участник(ов)

.NET CIL (aka IL aka MSIL)