我正在创建一个页面,人们可以点击各种链接,它会将lat / lng数据传递给Google Maps API初始化函数,但我无法弄清楚如何将参数传递给函数。
我发现了一个类似的问题,答案建议使用Function.prototype.bind()
在调用之前将参数传递给回调,但我不确定我是否理解这是如何工作的,因为目前我正在获取gmapsInit is not a function
这是我的代码:
function initMap(lat, lng) {
return function() {
var loc = {lat: lat, lng: lng};
console.log(loc);
var panorama = new google.maps.StreetViewPanorama(
document.getElementById('map'), {
position: loc,
pov: {
heading: 10,
pitch: 10
},
linksControl: false,
panControl: false,
streetViewControl: false,
motionTracking: true
});
map.setStreetView(panorama);
}
}
$(function() {
$('div').click(function() {
var lat = parseFloat($(this).attr('data-lat')),
lng = parseFloat($(this).attr('data-lng'));
// Here's what I tried
var gmapsInit = initMap.bind(null, lat, lng);
$('.result').append('<div id="map"></div><script async defer src="https://maps.googleapis.com/maps/api/js?key=MYAPIKEY&callback=gmapsInit"></script>');
});
});
<div data-lat="48.8584" data-lng="2.2945">
<div class="result"></div>
你不需要绑定,只要确保你的callback
全球可用。
var lat = parseFloat($(this).attr('data-lat')),
lng = parseFloat($(this).attr('data-lng'));
window.gmapsInit = function(){
initMap(lat, lng)();
}
$('.result').append( //...