Visual Studio Visual Studio MVC asp.net Google地圖

Question

如何在我創建的地圖上顯示標記？ .Marker("1.2233424, 4.865876)將無法​​正常工作嗎？

@using Jmelosegui.Mvc.GoogleMap 
<div class="row"> 
    <div class="col-md-12"> 
      @(Html.GoogleMap() 
      .Name("map") 
      .Height(400) 
      .Width(700) 
      ) 
    </div> 
</div> 

Answer 1

爲了得到在同一多個標記地圖你會想要使用邊界方法。這個例子使用javascript。

的Html

<div itemprop="map" id="googleMap" style="height:400px;width:100%;"></div> 


       <script src="https://maps.googleapis.com/maps/api/js"></script> 

的Javascript

var myCenter = new google.maps.LatLng(YourLat, YourLng); 
var myCenter2 = new google.maps.LatLng(YourSecondLat, YourSecondLng); 

function initialize() { 
    var bounds = new google.maps.LatLngBounds(myCenter, myCenter2); 
    var mapProp = { 
     zoom: 12, 
     scrollwheel: false, 
     draggable: false, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var map = new google.maps.Map(document.getElementById("googleMap"), mapProp); 

    var marker = new google.maps.Marker({ 
     position: myCenter, 
     map: map, 
    }); 
    var marker2 = new google.maps.Marker({ 
     position: myCenter2, 
     map: map, 
    }) 
    map.fitBounds(bounds); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

的map.fitBounds（邊界）只會中心您標記之間的地圖，所有標記會在屏幕上。

Answer 2

您的語法錯了。您需要使用

.Markers(m => m.Add().Title("Hello World!"))

檢查the documentation瞭解更多

Answer 3

您需要添加.Center(c => c.Latitude(1.2233424).Longitude(4.865876))

Html.GoogleMap() 
      .Name("map") 
      .Height(300) 
      .Center(c => c.Latitude(1.2233424) 
          .Longitude(4.865876)) 
      .Markers(m => m.Add().Title("Hello World!")) 

來源：jmelosegui docs