我刚开始使用谷歌地图 API 来操控浏览器,但是在将经纬度的变量放置到相应位置时,无法使其正常工作。
我需要根据两个输入元素的值来展示地图。
当使用变量时无法正常工作,但如果将函数中的变量更改为数字,则可以完美运行。
是的,我知道不应该公开我的 API 密钥,但这是我用于测试的临时账户,之后会删除。
function initialize() {
var userLng = $('#lng').val();
var userLat = $('#lat').val();
var mapOptions = {
center: { lat: userLat, lng: userLng },
zoom: 8
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
#map-canvas {
height: 30em;
width: 30em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCgxY6DqJ4TxnRfKjlZR8SfLSQRtOSTxEU"></script>
<form>
<input type="text" id="lng" name="lng" value="30">
<input type="text" id="lat" name="lat" value="40">
</form>
<div id="map-canvas"></div>
+
进行类型转换 - 例如userLng = +$('#lng').val()
。 - Adam Jenkins