リーフレットの地図がワードプレスのページに表示されない

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'); 

それはウェブサイトのビューを破るため、ブートストラップは、（それが小さくなる）コメントれます。しかし、コメントしていないマップは、それにもかかわらず動作しません。

マップページへのリンクを追加しました。私はそれが適切な方法であることを知らないドット。

<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

あなたは

Answer 2

あなたがWordpressのプラグインを使用している場合は、そのマニュアルを参照してください見てdocumentation

を参照してくださいマップ

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

を作成するにはjavascriptの命令を次のようしている必要がありますコンソールに入れると便利でした：

main.jsで

変更この行：

$(document).ready(function() { 

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