我已经尝试了谷歌地图参考和其他stackoverflow问题中的许多例子,但我无法在我的信息窗口获得自定义样式.
我使用的东西与其他stackoverflow答案中的内容非常相似
这是工作/可编辑:http://jsfiddle.net/3VMPL/
特别是,我想要方角而不是圆角.
我目前正在使用谷歌地图,现在一切正常.但我想改变InfoWindow的样式.我一直在研究,但还没有找到任何有用的东西来帮助我理解InfoWindow(甚至不是API文档.)
所以; 如何更改地图中InfoWindow框的颜色,背景,边框等样式？
提前致谢.
继承我的代码:
<!DOCTYPE html>
<head>
<title>Google Maps Example</title>
<script src='http://code.jquery.com/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 font-family: Helvetica;}
#map_canvas { height: 100% }
.InfoWindow {
background: #000;
}
</style>
</head>
<body>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var infowindow = null;
$(document).ready(function () { initialize(); });
function initialize() {
var centerMap = new google.maps.LatLng(59.9149, 10.72974);
var myOptions = {
zoom: 14,
center: centerMap,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map …我愿意在包含Google Maps元素的标记中添加一些插入框阴影.然而,似乎没有任何反应,可能是因为Google在原始元素中加载了一些其他div,因此覆盖了生成的box-shadow.
我怎样才能达到这个效果？
这是我的代码:
<section id="map-container">
<figure id="map"></figure>
</section>
#map-container {
position: relative;
float: right;
width: 700px;
background-color: #F9FAFC;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#map {
position: relative;
height: 400px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 1px 0 0 #F6F7FB inset, 0 -1px 0 0 #E0E5E1 inset, 0 -2px 0 0 #EBEBED inset, 0 -3px 0 0 #F4F4F6 inset;
}
谢谢!
我正在使用谷歌地图api v3从kml文件加载一些数据.我希望在信息窗口中显示描述数据时设置样式以适合我的网页.
现在我正在尝试设置样式:
style="margin-left:-20px;border:2px dotted #897823; et-a;"
...在Kml地标的描述标记内,但它没有正确呈现.
我可以看到firebug只显示了margin和padding的正值.它完全忽略了负边际价值.所以,我想知道,使用kml文件的css样式属性有任何限制吗？
<placemark>
<name><![CDATA[First Office Address]]></name>
<description>
<![CDATA[
First Line Information<br>
California addresss<br>
Peak valley<br>
<div class="cInfo">Telephone<br>
Office 9089YUHJT General: (2457TYGFR</div>
]]>
</description>
<Point>
<coordinates>-420.2300,137.5332200,0</coordinates>
</Point>
</placemark>