在Google Maps API中设置标签大小 [英] Set label size in Google Maps API
本文介绍了在Google Maps API中设置标签大小的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
这段代码是在标签点设置标题，但
如何更改字体大小？
label：{text：marcadores [i] [0]，color：'black'，TAGFORFONTSIZE：valuesize}
我的代码：
< html lang ='es'>
< head>
< meta charset ='UTF-8'>
< style type ='text / css'>
#mapa {height：500px; }
< / style>
< script type ='text / javascript'src ='http：//maps.google.com/maps/api/js？sensor = false'>< / script>
< script type ='text / javascript'>
函数initialize（）{
var marcadores = [
['usu1'，-5.31987835340327，-52.8212431459598]，
['usu4'，42.3617，-3.6789]
];
var map = new google.maps.Map（document.getElementById（'mapa'），{
zoom：7，
center：new google.maps.LatLng（41.503 ，-5.744），
mapTypeId：google.maps.MapTypeId.ROADMAP
}）;
var infowindow = new google.maps.InfoWindow（）;
var marker，i;
（i = 0; i< marcadores.length; i ++）{
marker = new google.maps.Marker（{
position：new google.maps.LatLng （marcadores [i] [1]，marcadores [i] [2]），
map：地图，
标签：{text：marcadores [i] [0]，color：'black'}
}）;
google.maps.event.addListener（marker，'click'，（function（marker，i）{
return function（）{
infowindow.setContent（marcadores [i ] [b]）;
infowindow.open（map，marker）;
}
}）（marker，i））;
}
}
google.maps.event.addDomListener（window，'load'，initialize）;
< / script>
< / head>
< body>
< div id ='mapa'>< / div>
< / body>
< / html>
解决方案
From 文档：
lockquote
fontSize 类型：字符串
标签文本的字体大小（等同于CSS font-size属性）。
marker = new google.maps.Marker（{
位置：new google.maps.LatLng（marcadores [i] [1]，marcadores [i] [2]），
map：map，
label：{
text：marcadores [ i] [0]，
color：'black'，
fontSize：8px
}
}）;
代码段：
function initialize（）{var marcadores = [['usu1'，-5.31987835340327，-52.8212431459598]，['usu4'，42.3617， - 3.6789]]; var map = new google.maps.Map（document.getElementById（'mapa'），{zoom：7，center：new google.maps.LatLng（41.503，-5.744），mapTypeId：google.maps.MapTypeId.ROADMAP}） ; var infowindow = new google.maps.InfoWindow（）; var marker，i;对于（i = 0; i
html，body，＃mapa {height：100％;宽度：100％; margin：0px; < script src =https：//
This code is to set a caption in a label point, but how to change the font size?
label: {text: marcadores[i][0], color: 'black', TAGFORFONTSIZE: valuesize}
My code:
<html lang='es'>
<head>
<meta charset='UTF-8'>
<style type='text/css'>
#mapa { height: 500px; }
</style>
<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>
<script type='text/javascript'>
function initialize() {
var marcadores = [
['usu1', -5.31987835340327, -52.8212431459598],
['usu4', 42.3617, -3.6789]
];
var map = new google.maps.Map(document.getElementById('mapa'), {
zoom: 7,
center: new google.maps.LatLng(41.503, -5.744),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < marcadores.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(marcadores[i][1], marcadores[i][2]),
map: map,
label: {text: marcadores[i][0], color: 'black'}
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(marcadores[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id='mapa'></div>
</body>
</html>
解决方案
From the documentation:
fontSize Type: string
The font size of the label text (equivalent to the CSS font-size property). Default size is 14px.
marker = new google.maps.Marker({
position: new google.maps.LatLng(marcadores[i][1], marcadores[i][2]),
map: map,
label: {
text: marcadores[i][0],
color: 'black',
fontSize: "8px"
}
});
code snippet:
function initialize() {
var marcadores = [
['usu1', -5.31987835340327, -52.8212431459598],
['usu4', 42.3617, -3.6789]
];
var map = new google.maps.Map(document.getElementById('mapa'), {
zoom: 7,
center: new google.maps.LatLng(41.503, -5.744),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < marcadores.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(marcadores[i][1], marcadores[i][2]),
map: map,
label: {
text: marcadores[i][0],
color: 'black',
fontSize: "8px"
}
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(marcadores[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
}
google.maps.event.addDomListener(window, 'load', initialize);
html,
body,
#mapa {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="mapa"></div>
这篇关于在Google Maps API中设置标签大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
