javascript varとgoogle maps api json

Question

入力に入力された座標を地図に表示します。しかし、私はグーグルマップスクリプトに値を渡すことはできません

ここにコードです。

<input type="text" id="latitude" class="form-control" />   
<input type="text" id="longitude" class="form-control"/> 
<div id="myMap"></div> 
<script> 

var cx = document.getElementById("latitude").value; 
var cy = document.getElementById("longitude").value; 
    function initMap() { 
    var ubication={lat : cy , lng : cx}; 

    var map = new google.maps.Map(document.getElementById('myMap'), { 
     zoom: 4, 
     center: ubication 
    }); 
    var marker = new google.maps.Marker({ 
     position: ubication, 
     map: map 
    }); 
    } 
</script> 
<script async defer 
src="https://maps.googleapis.com/maps/api/js? 
key=MY_API_KEY&callback=initMap"> 
</script> 

私の問題は私のAPIキーも正しいvar ubication={lat : cy , lng : cx};

であるが、私は安全のためにそれが含まれていませんでした。

Answer 1

私はそれを解決し、文字列をparseFloat（）しなければならなかった。