Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用类似于谷歌地图原版的javascript api在谷歌地图上创建奇特的信息窗口_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

使用类似于谷歌地图原版的javascript api在谷歌地图上创建奇特的信息窗口

使用类似于谷歌地图原版的javascript api在谷歌地图上创建奇特的信息窗口,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我一直在尝试创建像谷歌地图(GoogleMaps)在他们的地图上那样的奇特信息窗口。 是什么让它如此奇特? 1.信息窗口的顶端又长又窄,从标记出来看起来很光滑 2.谷歌地图上信息窗口的形状有一个阴影 在地图api的文档中有官方信息窗口: 但我也在实用程序库中找到了这个: 我是这样用的: var infoWindowHTML = get_movingInfoWindowHTML(); context.bubble = new InfoBubble({ content: in

我一直在尝试创建像谷歌地图(GoogleMaps)在他们的地图上那样的奇特信息窗口。 是什么让它如此奇特? 1.信息窗口的顶端又长又窄,从标记出来看起来很光滑 2.谷歌地图上信息窗口的形状有一个阴影

在地图api的文档中有官方信息窗口:

但我也在实用程序库中找到了这个:

我是这样用的:

var infoWindowHTML = get_movingInfoWindowHTML();
    context.bubble = new InfoBubble({
        content: infoWindowHTML,
        padding:5,
        borderColor: "#ccc",
        ShadowStyle:1,
        hideCloseButton:true,
        arrowSize:25,
        arrowStyle:1,
        arrowPosition:99,
        borderRadius:0,
        width:150,
        height:150
    });
    context.bubble.open(map,marker);
即使在InfoBubble的例子中,他们用一个阴影来显示它,但目前这个阴影对我来说并不适用

但更大的问题是,泡沫信息看起来不像谷歌地图使用的那样圆滑和花哨,箭头粗而不光滑

我怎样才能得到像谷歌地图上那样的结果?
谢谢

尝试使用infoBox。这些功能与infowindows一样强大,而且更易于定制。