I have been working on a Google Maps code that displays both public and private schools with different markers for each category. However, when running the code, I encountered an error specifically on this line of code:
var searchBox = new google.maps.places.SearchBox(input);
The error message reads as follows:
Uncaught TypeError: Cannot read property 'SearchBox' of undefined
I am seeking help to identify the issue in my code.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Places Search Box</title>
<style>
/* Set specific map height */
#map {
height: 100%;
}
/* Make the page fill the window */
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
...