如何從經緯度中獲取價值以在腳本中創建Google Maps標記？

Question

我有一個HTML輸入文本，需要傳遞坐標才能在Google地圖中做一個marker 。

jsfiddle.net/#&togetherjs=r3M9Kp7ff7

如何將其從HTML傳遞到具有良好數據類型的JavaScript？

<label for="latitude">Latitude</label>
<input id="latitude" type="text" ng-model="ctrl.department.latitude" class="form-control" required="" placeholder="Latitude" value=""/>
<label for="longitude">Longitude</label>
<input id="longitude" type="text" ng-model="ctrl.department.longitude" class="form-control" required="" placeholder="Longitude" value=""/>
<label for="map">Pozycja na mapie</label>
<div id="map">
<script>
function initMap() {
  var myLat = document.getElementById('latitude').value;
  var myLng = document.getElementById('longitude').value;
  var map = new google.maps.Map(document.getElementById('map'), {
                center: {lat: 51.75, lng: 19.46},
                zoom: 10,
                mapTypeId: 'roadmap'
});

var marker = new google.maps.Marker({
                 position:{myLat, myLng}, // not working
                 map:map,
});
</script>

Answer 1

在腳本中嘗試這個

 <script>
      function initMap() {
        var myLat = document.getElementById('latitude').value;
        var myLng = document.getElementById('longitude').value;

        var myCenter = {lat: myLat, lng: myLng};

        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 10,
          center: myCenter
        });

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

      }
    </script>

標記位置的語法應為
位置：{lat：myLat，lng：myLng}，而不是此位置：{myLat，myLng}，