Question

我想知道我是否可以在google api中创建一个默认图标作为html（比如在地图上绘制html css的东西，然后在CSS3和JQuery中制作动画......？

如：

var html = '<div style="width: 50px; height: 40px; background-color: red;"></div>';

    var myLatlng = new google.maps.LatLng(31.990191, 34.756335);
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: TheMap,
       icon: html
    });

Answer 1

我不相信这可以做到。

在您的示例中，您需要创建一个50px x 40px的红色图像并将其包含在您的网站上。

然而，假设您的问题的原因是创建一些更动态的东西（可能每个都有不同的颜色）。我的建议是创建一个接受查询字符串参数的页面服务器端。

var colour = 'red';
var url = 'http://www.yourwebsite.com/MyImageHandler.asix?colour=' + colour;
var myLatlng = new google.maps.LatLng(31.990191, 34.756335);
var marker = new google.maps.Marker({
    position: myLatlng,
    map: TheMap,
   icon: url 
});

我是一个.NET极客所以在我们的世界里，我们创建HttpHandler并将其设置为响应MyImageHandler.asix上的请求。然后，它将查看查询字符串参数并创建适当的图像。

如果不了解您的后端语言（如果有的话），我真的不想深入了解更多细节。希望这会有所帮助。

自定义谷歌地图api图标，作为HTML标签？

1 个答案: