Карта листов не отображается на странице wordpress

Question

После перехода на карту витрины темы исчезла карта лифтов. ссылка how it looks

functions.php

add_action('wp_enqueue_scripts', 'enqueue_parent_theme_style'); 
    function enqueue_parent_theme_style() { 
     wp_enqueue_style('parent-style', get_template_directory_uri().'/style.css'); 
     /* wp_enqueue_style('bootstrap', 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'); */ 
     wp_enqueue_style('leaflet.css','http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css'); 
    } 

    function theme_scripts(){ 

     wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js', array('jquery'), '1.12.2', false); 
     wp_enqueue_script('bootstrap-js', 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', array('jquery'), false); 
     wp_enqueue_script('leaflet.js', 'http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js' ,false); 
     wp_enqueue_script('main.js', get_template_directory_uri(). '/js/main.js'); 

    } 

    add_action('wp_enqueue_scripts', 'theme_scripts'); 

Bootstrap комментируется, потому что он нарушает вид сайта (становится меньше). Но без комментариев карта не работает.

Я добавил ссылку на страницу карты. Я не знаю, правильно ли это.

<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri() ; ?>/css/bootstrap.min.css"> 
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri() ; ?>/js/main.js"></script> 

Answer 1

Вы должны иметь следующий яваскрипт инструкцию, чтобы создать карту

var map = L.map('mapid').setView([latitude, longitude], zoom); 

см documentation

Если вы используете Wordpress плагин, вы должны обратиться к документации

Answer 2

Взгляда в консоль были бы полезны:

TypeError: $ is not a function

Изменение main.js этой линии:

$(document).ready(function() { 

в

jQuery(document).ready(function($) {