2012-04-25 63 views
0

平方的方法是非常没有吸引力。如何让Google Map V3保留圆角?

<div id ="container"> 
    <div id="map_canvas" style="width: 840px; height: 600px"></div> 
</div> 

#container上没有样式。我尝试了一种基于图像的方法,但它不起作用,它所引用的线程也已死亡。任何建议家伙?

+0

设定容器标记中的id属性后的空格是帖子中的错字,而不是在您的代码中。 (试过编辑,但需要最少6次更改) – flurdy 2012-04-25 18:57:11

回答

-2

假定你已经尝试过的CSS圆角?

#container { 
    border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
} 
+0

先渲染,然后角落回到正方形。 – user1290284 2012-04-25 19:15:18

+0

奇怪。可在不同的浏览器中重现? – flurdy 2012-04-25 19:34:40

+0

这是谷歌地图已知的问题。 http://www.google.com/#hl=en&sclient=psy-ab&q=rounded+corners+css+google+maps&oq=rounded+corners+css+google+maps&aq=f&aqi=&aql=&gs_nf=1&gs_l=hp.3 ... 2226.8082.0.8209.31.21.0.10.10.1.337.1867.17j2j1j1.31.0.B9o3jq0XCvQ&PBX = 1&BAV = on.2,or.r_gc.r_pw.r_qf。,cf.osb&FP = 10aa8b4599b06781&BIW = 1233&波黑= 714 – 2012-04-25 19:56:28