我有這個工作代碼。我的問題是如何更改基于長緯度位置的當前位置。現在它手動。如何從放入變量或地理位置的表輸入中獲??？$(document).ready(function() { var mapCenter = new google.maps.LatLng(47.6145, -122.3418); //Google map Coordinates var map; map_initialize(); // load map function map_initialize(){ //Google map option var googleMapOptions = { center: mapCenter, // map center zoom: 17, //zoom level, 0 = earth view to higher value panControl: true, //enable pan Control zoomControl: true, //enable zoom control zoomControlOptions: { style: google.maps.ZoomControlStyle.SMALL //zoom control size }, scaleControl: true, // enable scale control mapTypeId: google.maps.MapTypeId.ROADMAP // google map type }; map = new google.maps.Map(document.getElementById("google_map"), googleMapOptions); }});我需要更改的唯一代碼是 long lat。 var mapCenter = new google.maps.LatLng(47.6145, -122.3418); //Google map Coordinates我嘗試使用從 div 獲取但無法插入長經緯度的變量。地圖不顯示。var long = $("#a").value();var lat = $("#a").value();var mapCenter = new google.maps.LatLng(a, b);
1 回答
慕桂英546537
TA貢獻1848條經驗 獲得超10個贊
當我使用發布的代碼并修復明顯的問題時：
lat 和 long 都來自
#a您正在創建
var long，var lat但使用a和b
我收到了 javascript 錯誤： Uncaught TypeError: $(...).value is not a function
這導致了這個重復的問題：Uncaught TypeError: $(...).value is not a function when try to send a value via JQuery
（jquery中沒有函數命名值。應該是$('#m').val()）
根據上述問題解決這個問題，它有效。
代碼片段：
代碼片段：
html,
body,
#google_map {
height: 100%;
margin: 0;
padding: 0;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="lat" value="47.6145" />
<input id="lng" value="-122.3418" />
<div id="google_map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
<script>
$(document).ready(function() {
var lng = $("#lng").val();
var lat = $("#lat").val();
var mapCenter = new google.maps.LatLng(lat, lng);
//Google map Coordinates
var map;
map_initialize(); // load map
function map_initialize() {
//Google map option
var googleMapOptions = {
center: mapCenter, // map center
zoom: 17, //zoom level, 0 = earth view to higher value
panControl: true, //enable pan Control
zoomControl: true, //enable zoom control
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL //zoom control size
},
scaleControl: true, // enable scale control
mapTypeId: google.maps.MapTypeId.ROADMAP // google map type
};
map = new google.maps.Map(document.getElementById("google_map"), googleMapOptions);
}
});
</script>
- 1 回答
- 0 關注
- 168 瀏覽
添加回答
舉報
0/150
提交
取消