map.setCenter和map.Panto不会移动地图
map.setCenter和map.Panto不会移动地图
提问于 2016-11-15 15:56:06
我曾多次尝试更改.onchange函数，以更改地图缩放级别和中心点。缩放更改生效，但地图不更改位置。
任何帮助都将不胜感激。我已经删除了api键，但否则映射将独立工作。
<script>
function detectBrowser() {
var useragent = navigator.userAgent;
var mapdiv = document.getElementById("map");
if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
mapdiv.style.width = '100%';
mapdiv.style.height = '100%';
} else {
mapdiv.style.width = '600px';
mapdiv.style.height = '800px';
}
}
function initMap() {
var central = {lat: 39.8282, lng: -98.5795};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 5,
center: central
});
var fops = 'http://coleprojects.000webhostapp.com/sqteam.png';
document.getElementById("FieldTeamMember").onchange = function() {
map.setZoom(8);
alert(this.value)
map.setCenter(new google.maps.LatLng(this.value));
};回答 1
Stack Overflow用户
回答已采纳
发布于 2016-11-15 16:27:11
javascript控制台中的线索：
InvalidValueError: in property lat: not a number您需要将一个google.maps.LatLng (或google.maps.LatLngLiteral)传递给map.setCenter方法：
document.getElementById("FieldTeamMember").onchange = function() {
map.setZoom(8);
var coords=this.value.split(',');
var latLng = new google.maps.LatLng(parseFloat(coords[0]), parseFloat(coords[1]));
map.setCenter(latLng);
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40614279
复制相关文章
相似问题
腾讯云开发者
