javascript – 在谷歌地图中设置infowindow圆角
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在谷歌地图中设置infowindow圆角,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2281字,纯文字阅读大概需要4分钟。
内容图文
我有一个多标记谷歌地图,它工作正常,但我想设置infowindow圆角
和我的代码是:
<script type="text/javascript">
var locationList = new Array( '23.2531803, 72.4774396', '22.808782, 70.823863' );
var message = new Array('Kalol , Gujarat , India , 382721<br /><br /> Go to <a href="/joomla_1.5/index.php?option=com_content&view=article&id=9:chinta-ta-ta-chita-chita-wwwsongspk&catid=1:cat1&Itemid=7">Kalol</a>', 'Morbi , Gujarat , India , 363641<br /><br /> Go to <a href="/joomla_1.5/index.php?option=com_content&view=article&id=9:chinta-ta-ta-chita-chita-wwwsongspk&catid=1:cat1&Itemid=7">Morbi</a>');
var map;
var lat_min = 22.808782;
var lat_max = 23.2531803;
var lng_min = 70.823863;
var lng_max = 72.4774396;
window.onload = function() {
var myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
map.setCenter(new google.maps.LatLng(
((lat_max + lat_min) / 2.0),
((lng_max + lng_min) / 2.0)
));
map.fitBounds(new google.maps.LatLngBounds(
new google.maps.LatLng(lat_min - 0.01 , lng_min - 0.01),
new google.maps.LatLng(lat_max + 0.01, lng_max + 0.01)
));
for (var i = 0; i < locationList.length; i++)
{
var args = locationList[i].split(",");
var location = new google.maps.LatLng(args[0], args[1])
var marker = new google.maps.Marker({
position: location,
map: map,
animation: google.maps.Animation.DROP
});
var j = i + 1;
marker.setTitle(message[i].replace(/(<([^>]+)>)/ig,""));
attachSecretMessage(marker, i);
}
}
function attachSecretMessage(marker, number) {
var infowindow = new google.maps.InfoWindow(
{
content: message[number],
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
</script>
<div id="map_canvas" style="width:615px; height:400px;"></div>
解决方法:
infoBox构造函数接受一个名为boxClass的参数,其中包含一个字符串值,可以为此信息框设置css类,然后您可以使用它来自定义它.
这是一个示例:
var label1 = new InfoBox({
content: "<div id='label1'>1. Click Me! <br><small>Pane: floatPane (above)</small></div>",
boxClass: "labelMap label1",
disableAutoPan: true,
position: new google.maps.LatLng(49.24660149427584,-123.11008930206299),
closeBoxURL: "",
isHidden: false,
pane: "floatPane" , // Pane 2
enableEventPropagation: true,
});
label1.setMap(_map);
内容总结
以上是互联网集市为您收集整理的javascript – 在谷歌地图中设置infowindow圆角全部内容,希望文章能够帮你解决javascript – 在谷歌地图中设置infowindow圆角所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源:【匿名】