如何使用javascript禁用google地图

我有一张像下面这样的地图

<div id="geolocation_div" style="cursor: pointer;">                    

                    <p:poll id="geolocationpoll" interval="10000" listener="#{geoFenceSettingsBean.init()}" update="mappy"/>
                    <p:gmap  id="mappy" center="#{geoFenceSettingsBean.latitude},#{geoFenceSettingsBean.longitude}"
                             streetView="true" zoom="#{geoFenceSettingsBean.zoom}" model="#{geoFenceSettingsBean.emptyModel}" 
                             type="ROADMAP" disableDefaultUI="true" onPointClick="handlePointClick(event);" style="width:1000px;height:500px;color: #005172;cursor:pointer;margin-top: 20px" >                    

                    </p:gmap>

                </div>

document.getElementById('geolocation_div').style.display = "none";
document.getElementById('geolocation_div').style.visibility = "hidden";

以上两行我都能执行，但当我尝试

document.getElementById('geolocation_div').disabled = true;

上面的线不工作

---

我想禁用地图内容。任何一个plz都可以告诉我哪里出错了吗

谢谢你的回复。我尝试了$（“#geolocation_div*”）.attr（“disabled”，true）。off（'click'）；仍然无法禁用div内容