谷歌地图myoptions将无法正常工作 [英] Google maps myoptions will not work
本文介绍了谷歌地图myoptions将无法正常工作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我试图自定义一张Mass ..的地图来显示10个地区。我已经添加了我的地方中创建的地图的链接，但我无法将地图放到居中，缩放或标题中。LatLng的中心是Worcester ..没有任何作用
Help !! p>
谢谢 $ b
<！DOCTYPE html> ;
< html>
< head>
< meta charset =utf-8>
< title> dist-layer< / title>
< script src =http://maps.google.com/maps/api/js?sensor=false> < /脚本>
< script>
函数initialize（）{
// var myLatlng = new google.maps.LatLng（42.268843,71.803774）;
// zoomControl：false，
//缩放：18，
//标题：Mass Districts，
// center：myLatlng
var map = new google.maps.Map（document.getElementById（'map-canvas'），mapOptions）;
var mapOptions = {};
var kmlLayer = new google.maps.KmlLayer（{
url：http://mapsengine.google.com/map/kml？mid = zHTaYadv8Mrs.kHqpg6p0mrlk& amp; lid = zHTaYadv8Mrs.khlpCJFyVigQ，
suppressInfoWindows：true，
Map：map
}）;
google.maps.event.addListener（kmlLayer，'click'，function（kmlEvent）{
var text = kmlEvent.featureData.description;
showInContentWindow（text）;
}）;
function showInContentWindow（text）{
var sidediv = document.getElementById（'content-window'）;
sidediv.innerHTML = text;
}
}
google.maps.event.addDomListener（window，'load'，initialize）;
< / script>
< / head>
< body>
< div id =map-canvasstyle =width：40％; height：472px; float：left;> < / DIV>
< div id =content-windowstyle =min-width：15％; max-width：28％; height：430px; float：left; border：＃0ff 5px double; padding：10px; > < / DIV>
< / body>
< / html>
解决方案
将preserveViewport设置为true，否则KmlLayer会缩放适合其内容。
var kmlLayer = new google.maps.KmlLayer（{
url：http：// mapsengine.google.com/map/kml?mid=zHTaYadv8Mrs.kHqpg6p0mrlk&lid=zHTaYadv8Mrs.khlpCJFyVigQ，
suppressInfoWindows：true，
preserveViewport：true，
map：map
}）;
函数initialize（）{
var myLatlng = new google.maps.LatLng（42.2625932，-71.8022934）;
// zoomControl：false，
//缩放：18，
//标题：Mass Districts，
// center：myLatlng
var mapOptions = {
zoomControl：false，
zoom：11，
title：Mass Districts，
center：myLatlng
};
var map = new google.maps.Map（document.getElementById（'map-canvas'），mapOptions）;
var kmlLayer = new google.maps.KmlLayer（{
url：http://mapsengine.google.com/map/kml?mid=zHTaYadv8Mrs.kHqpg6p0mrlk& lid = zHTaYadv8Mrs.khlpCJFyVigQ，
suppressInfoWindows：true，
preserveViewport：true，
map：map
}）;
google.maps.event.addListener（kmlLayer，'click'，function（kmlEvent）{
var text = kmlEvent.featureData.description;
showInContentWindow（text）;
}）;
function showInContentWindow（text）{
var sidediv = document.getElementById（'content-window'）;
sidediv.innerHTML = text;
}
}
google.maps.event.addDomListener（window，'load'，initialize）; b
$ b nofollow>小提琴
I'm trying to customize a map of Mass..to show 10 districts. I've added the link to the map created in "my places", but I can't get the map to center, zoom or title.. The center LatLng is Worcester.. nothing works
Help !!
Thanks
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>dist-layer</title>
<script src="http://maps.google.com/maps/api/js?sensor=false"> </script>
<script>
function initialize() {
// var myLatlng = new google.maps.LatLng(42.268843,71.803774);
// zoomControl:false,
// zoom: 18,
// Title: "Mass Districts",
// center: myLatlng
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var mapOptions = {};
var kmlLayer = new google.maps.KmlLayer({
url: "http://mapsengine.google.com/map/kml? mid=zHTaYadv8Mrs.kHqpg6p0mrlk&lid=zHTaYadv8Mrs.khlpCJFyVigQ",
suppressInfoWindows: true,
Map:map
});
google.maps.event.addListener(kmlLayer, 'click', function(kmlEvent) {
var text = kmlEvent.featureData.description;
showInContentWindow(text);
});
function showInContentWindow(text) {
var sidediv = document.getElementById('content-window');
sidediv.innerHTML = text;
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas" style="width:40%; height:472px; float:left;"> </div>
<div id="content-window" style="min-width:15%; max-width:28%; height:430px; float:left; border: #0ff 5px double;padding: 10px;"> </div>
</body>
</html>
解决方案 Set preserveViewport to true, otherwise the KmlLayer will zoom to fit its contents.
var kmlLayer = new google.maps.KmlLayer({
url: "http://mapsengine.google.com/map/kml?mid=zHTaYadv8Mrs.kHqpg6p0mrlk&lid=zHTaYadv8Mrs.khlpCJFyVigQ",
suppressInfoWindows: true,
preserveViewport:true,
map: map
});
function initialize() {
var myLatlng = new google.maps.LatLng(42.2625932, -71.8022934);
// zoomControl:false,
// zoom: 18,
// Title: "Mass Districts",
// center: myLatlng
var mapOptions = {
zoomControl: false,
zoom: 11,
title: "Mass Districts",
center: myLatlng
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var kmlLayer = new google.maps.KmlLayer({
url: "http://mapsengine.google.com/map/kml?mid=zHTaYadv8Mrs.kHqpg6p0mrlk&lid=zHTaYadv8Mrs.khlpCJFyVigQ",
suppressInfoWindows: true,
preserveViewport:true,
map: map
});
google.maps.event.addListener(kmlLayer, 'click', function (kmlEvent) {
var text = kmlEvent.featureData.description;
showInContentWindow(text);
});
function showInContentWindow(text) {
var sidediv = document.getElementById('content-window');
sidediv.innerHTML = text;
}
}
google.maps.event.addDomListener(window, 'load', initialize);
这篇关于谷歌地图myoptions将无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
