I have added Google Maps on my site, but it's not clickable?

Hi, I followed this tutorial, but my code is shown below.

I have added maps in my site, it works perfectly except it’s not clickable I can’t click it? I can only move it. I thought you needed two fingers to move it, and one finger to tap and go through the link. Is that the same on the computer.

This is the code:

Blockquote


<!DOCTYPE html>

<html>

    <head>

        <title>Dinno Optical</title>

    </head>

    <style>

        * {

            margin: 0;

            padding: 0;

        }

        #map {

            height: 500px;

            width: 100%;

        }

    </style>

<body>

<div id="map"></div>

<script>

    function initMap() {

        var location = {lat: 43.688960, lng: -79.741825};

        var map = new google.maps.Map(document.getElementById("map"), {

            zoom: 16, 

            center: location

        });

        var marker = new google.maps.Marker({

            position: location, 

            map: map

        });

    }

</script>

<script async defer src="https://maps.googleapis.com/maps/api/

js?key=AIzaSyDfOCAxX4mNa3xyR6rQocizziXoLaQb6MQ&callback=initMap"></script>

</body>

</html>

Blockquote

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.