Google MAP API - 地图标记自定义

Question

我正在为 MAP api 做 POC（可以自定义谷歌地图标记）

我的要求是，我想在标记内添加按钮（添加到购物车，发送消息），并在“添加到购物车”按钮单击事件中我想将标记的 id 添加到购物车

这是否可能在标记中调用按钮单击事件，请参考附件，POC Mock up 参考enter image description here

注意：在我的标记中会有多个图像，我想调用图像按钮单击事件，而不是标记单击事件。假设我有一个“添加到购物车”和“发送消息”以及其他一些杂项图像（评级等......），我想调用相应的按钮单击事件，并且从事件中我可以用我的代码来完成，我希望你能理解我的要求。这可能吗？

提前致谢！！！ 西迪克.K

Answer 1

是的，在谷歌地图 3 中，您可以用图像绘制标记

image = '/yuor_path_to_img/your_image.png';

aMarker = new google.maps.Marker({
                    position: yourPosition
                    icon: image
                });

然后在此标记上应用和事件侦听器 在侦听器的代码中，您可以调用将请求发送到服务器所需的代码以保存您需要的值。

 google.maps.event.addListener(marker, 'click', function (event) {
                $.post( your_server_module, 
                        {marker_id: your_marker_id }, 
                );      
            });