オ－プンストリ－トマップを使い、Wordpressのサイト上にマップを表示していましたが、SSLを導入し、ＵＲＬがhttps:になったとたんにマップが表示されなくなりました。

一発で表示されました！
ありがとうございます。
本当に助かりました。
最初、いただいたコ－ドに置き換えても地図は表示されなかったのですが、ブラウザのキャッシュを消し、読み込み直したら表示されていました！
ありがとうございました。

本当にいつもお世話さまです。
毎回助けていただき感謝しております。

先日はありがとうございました。
いただいた情報を元に今度は、以前にご尽力いただいた検証サイトの大きいマップの方もＳＳＬサイトに組み込もうとしております。が、やはり苦戦しておりまして、どのあたりがダメなのかわからず、このまま引き続いて質問させていただけませんでしょうか。
（ポイントは直接のお支払いとさせていただきます）

もともとのコ－ドは以下の通りで、検証サイトの方では問題なく動いております。

<?php
    if (have_posts()) {
        while (have_posts()) {
            the_post();
            get_template_part('content', 'page');
        }
    }
?>



<br><br>

<?php
$place = $_POST['place'];
$cc = $_POST['cc'];
if ($cc) {
    foreach ($cc as $v) {
        $cc_stat[$v] = 'checked';
    }
}
?>

<style>
form label {
    margin-right: 2ex;
}
</style>
<form action="" method="post">
    検索したい地域　<input type="text" name="place" value="<?php echo $place ?>">
    <!-- カテゴリーの指定 -->
    <label><input type="checkbox" name="cc[]" value="2" <?php echo $cc_stat[2] ?>>飲食             </label>
    <label><input type="checkbox" name="cc[]" value="3" <?php echo $cc_stat[3] ?>>家関係           </label>
    <label><input type="checkbox" name="cc[]" value="4" <?php echo $cc_stat[4] ?>>ファッション関係 </label>
    <label><input type="checkbox" name="cc[]" value="5" <?php echo $cc_stat[5] ?>>ペット関係       </label>
    <br>
    <input type="submit" name="send" value="検索">
</form>


<script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js"></script>

<?php
if ($place):

    $args = Array(
        'post_type' => 'post',
        'posts_per_page' => -1,
        'meta_query' => array(array(
            'key' => 'address',
            'value' => $place,
            'compare' => 'LIKE'
        ))
    );

    // カテゴリーのどれかにチェックが入っていたら、検索条件を追加する
    $cc = $_POST['cc'];
    if (sizeof($cc) > 0) {
        $args['category__in'] = $cc;
    }

    $the_query = new WP_Query($args);

    if ($the_query->have_posts()):
?>
<div id="map" style="width: 99%; height: 650px;"></div>
<script type="text/javascript">
(function() {   // ★ こんなので、くるんでみる

    var posts = [];
<?php while ($the_query->have_posts()) :
    $the_query->the_post();
    $googlemap = get_field('lat');
    if (! $googlemap) {   // マップ住所が登録されていないこともある
        continue;
    }
    $category = get_the_category();
?>
    posts.push({
        lat: '<?php echo post_custom("lat")?>',
        lng: '<?php echo post_custom("lon")?>',
        name: '<?php echo post_custom("Name")?>',
        link: '<?php the_permalink();?>',
        title: '<?php the_title(); ?>',
        cat_id: '<?php echo $category[0]->category_nicename; ?>'
    });
<?php endwhile; // End the loop. Whew. ?>

// ★ これ以降、OpenLayers API を使うように、ばっさりと書き換え
    var map;
    var select;

    function display_map() {

        // マーカーとツールチップを、店舗情報毎に設定するための overlay
        var overlay = new OpenLayers.Layer.Vector('Overlay', {
            styleMap: new OpenLayers.StyleMap({
                externalGraphic: '${marker_image}',
                graphicWidth: 21,
                graphicHeight: 25,
                graphicYOffset: -25,
                cursor: "pointer",
                title: '${tooltip}',
            })
        });


        var icon_map = {
            2: "http://dev.openlayers.org/img/marker.png",
            3: "http://dev.openlayers.org/img/marker-blue.png",
            4: "http://dev.openlayers.org/img/marker-gold.png",
            5: "http://dev.openlayers.org/img/marker-green.png",
        };

        var epsg4326 = new OpenLayers.Projection("EPSG:4326");
        var epsg3857 = new OpenLayers.Projection("EPSG:3857");

        // マーカーの生成
        var features = [];
        for (var i in posts) {
            var post = posts[i];
            features.push(new OpenLayers.Feature.Vector(
                    new OpenLayers.Geometry.Point(post.lng, post.lat)
                    .transform(epsg4326, epsg3857), {
                        tooltip: post.title,
                        marker_image: icon_map[ post.cat_id ],
                        post: post,
                    }
            ));
        }

        overlay.addFeatures(features);

        overlay.events.on({
            'featureclick': function(evt) {
                toggle_popup(evt.feature);
            },
        });

        // マップの生成
        map = new OpenLayers.Map("map");

        map.addLayers([new OpenLayers.Layer.OSM(), overlay]);

        // マーカーのクリック状態を取得するために、SelectFeature なるものを作る
        select = new OpenLayers.Control.SelectFeature(overlay);
        map.addControl(select);
        select.activate();

        // マーカーが含まれる範囲の Bounds と、それに合わせたズーミング
        var bounds = new OpenLayers.Bounds();
        for (var i in posts) {
            bounds.extend(new OpenLayers.LonLat(posts[i].lng, posts[i].lat));
        }
        bounds.transform(epsg4326, epsg3857);
        map.zoomToExtent(bounds);

        // ズームの最大値は 16 まで
        if (map.getZoom() > 16) {
            map.zoomTo(16);
        }
    }

    // 吹き出しの「×」を押したときの処理
    function close_popup(evt) {
        toggle_popup(this.feature);
    }

    // マーカーをクリックしたときに吹き出しの表示を切り替える
    function toggle_popup(feature) {
        if (! feature.popup) {
            var post = feature.attributes.post;
            var content = '<div>' + post.name + '：' + '<a href="' + post.link + '" target="_blank">' + post.title + '</a></div>';

            var popup = new OpenLayers.Popup.FramedCloud("featurePopup",
                                feature.geometry.getBounds().getCenterLonLat(),
                                new OpenLayers.Size(100, 100),
                                content,
                                null, true, close_popup);
            popup.calculateRelativePosition = function() { return "bl"; };
            feature.popup = popup;
            popup.feature = feature;
            map.addPopup(popup);
        } else {
            var popup = feature.popup;
//          popup.feature = null;
            map.removePopup(feature.popup);
            feature.popup.destroy();
            feature.popup = null;
        }
    }


    // ページの読み込みが終わったら、地図表示の処理を行う
    window.addEventListener("DOMContentLoaded", display_map);

})();
</script>

    <?php else: ?>
    該当する店舗はありませんでした。
    <?php endif; ?>

<?php else: ?>
地域を入力してください。
<?php endif; ?>

<!-- ★ スタイルの調整 -->
<style>
/* 地図領域と地図のサイズが合わないとき : Google Maps は API が設定する */
#map {
    position: relative;
    overflow: hidden;
}
/* style.css の指定が影響して、吹き出しが正しく表示されない */
#map .olPopup img {
    max-width: none;
}
</style>

今回教えていただいたことを踏まえて、上記のコ－ドを改変し、ＳＳＬペ－ジに対応させたつもりのものが以下となりまして、問題の箇所をakuma3さんにご指摘いただきたく、よろしくお願いします。

<?php
$place = $_POST['place'];
$cc = $_POST['cc'];
if ($cc) {
    foreach ($cc as $v) {
        $cc_stat[$v] = 'checked';
    }
}
?>

<style>
form label {
    margin-right: 2ex;
}
</style>
<form action="" method="post">
    検索したい地域　<input type="text" name="place" value="<?php echo $place ?>">
    <!-- カテゴリーの指定 -->
    <label><input type="checkbox" name="cc[]" value="2" <?php echo $cc_stat[2] ?>>飲食             </label>
    <label><input type="checkbox" name="cc[]" value="3" <?php echo $cc_stat[3] ?>>家関係           </label>
    <label><input type="checkbox" name="cc[]" value="4" <?php echo $cc_stat[4] ?>>ファッション関係 </label>
    <label><input type="checkbox" name="cc[]" value="5" <?php echo $cc_stat[5] ?>>ペット関係       </label>
    <br>
    <input type="submit" name="send" value="検索">
</form>




<script type="text/javascript" src="https://openlayers.org/api/2.13.1/OpenLayers.js"></script>

<?php
if ($place):

    $args = Array(
        'post_type' => 'post',
        'posts_per_page' => -1,
        'meta_query' => array(array(
            'key' => 'address',
            'value' => $place,
            'compare' => 'LIKE'
        ))
    );

    // カテゴリーのどれかにチェックが入っていたら、検索条件を追加する
    $cc = $_POST['cc'];
    if (sizeof($cc) > 0) {
        $args['category__in'] = $cc;
    }

    $the_query = new WP_Query($args);

    if ($the_query->have_posts()):
?>
<div id="map" style="width: 99%; height: 650px;"></div>
<script type="text/javascript">
(function() {   // ★ こんなので、くるんでみる

    var posts = [];
<?php while ($the_query->have_posts()) :
    $the_query->the_post();
    $googlemap = get_field('lat');
    if (! $googlemap) {   // マップ住所が登録されていないこともある
        continue;
    }
    $category = get_the_category();
?>
    posts.push({
        lat: '<?php echo post_custom("lat")?>',
        lng: '<?php echo post_custom("lon")?>',
        name: '<?php echo post_custom("Name")?>',
        link: '<?php the_permalink();?>',
        title: '<?php the_title(); ?>',
        cat_id: '<?php echo $category[0]->category_nicename; ?>'
    });
<?php endwhile; // End the loop. Whew. ?>

// ★ これ以降、OpenLayers API を使うように、ばっさりと書き換え
    var map;
    var select;

    function display_map() {

        // マーカーとツールチップを、店舗情報毎に設定するための overlay
        var overlay = new OpenLayers.Layer.Vector('Overlay', {
            styleMap: new OpenLayers.StyleMap({
                externalGraphic: '${marker_image}',
                graphicWidth: 21,
                graphicHeight: 25,
                graphicYOffset: -25,
                cursor: "pointer",
                title: '${tooltip}',
            })
        });


        var icon_map = {
            2: "https://hogehoge.com/images/2.png",
            3: "https://hogehoge.com/images/3.png",
            4: "https://hogehoge.com/images/4.png",
            5: "https://hogehoge.com/images/5.png",
        };

        var epsg4326 = new OpenLayers.Projection("EPSG:4326");
        var epsg3857 = new OpenLayers.Projection("EPSG:3857");

        // マーカーの生成
        var features = [];
        for (var i in posts) {
            var post = posts[i];
            features.push(new OpenLayers.Feature.Vector(
                    new OpenLayers.Geometry.Point(post.lng, post.lat)
                    .transform(epsg4326, epsg3857), {
                        tooltip: post.title,
                        marker_image: icon_map[ post.cat_id ],
                        post: post,
                    }
            ));
        }

        overlay.addFeatures(features);

        overlay.events.on({
            'featureclick': function(evt) {
                toggle_popup(evt.feature);
            },
        });

        // マップの生成
        var map = new OpenLayers.Map("map", {
        layers: [
            new OpenLayers.Layer.OSM(
                "OpenStreetMap", 
                // Official OSM tileset as protocol-independent URLs
                [
                    '//a.tile.openstreetmap.org/${z}/${x}/${y}.png',
                    '//b.tile.openstreetmap.org/${z}/${x}/${y}.png',
                    '//c.tile.openstreetmap.org/${z}/${x}/${y}.png'
                ], 
                null
            )
        ],
        center: pos,
        zoom: 17,
    });
        

        // マーカーのクリック状態を取得するために、SelectFeature なるものを作る
        select = new OpenLayers.Control.SelectFeature(overlay);
        map.addControl(select);
        select.activate();

        // マーカーが含まれる範囲の Bounds と、それに合わせたズーミング
        var bounds = new OpenLayers.Bounds();
        for (var i in posts) {
            bounds.extend(new OpenLayers.LonLat(posts[i].lng, posts[i].lat));
        }
        bounds.transform(epsg4326, epsg3857);
        map.zoomToExtent(bounds);

        // ズームの最大値は 16 まで
        if (map.getZoom() > 16) {
            map.zoomTo(16);
        }
    }

    // 吹き出しの「×」を押したときの処理
    function close_popup(evt) {
        toggle_popup(this.feature);
    }

    // マーカーをクリックしたときに吹き出しの表示を切り替える
    function toggle_popup(feature) {
        if (! feature.popup) {
            var post = feature.attributes.post;
            var content = '<div>' + post.name + '：' + '<a href="' + post.link + '" target="_blank">' + post.title + '</a></div>';

            var popup = new OpenLayers.Popup.FramedCloud("featurePopup",
                                feature.geometry.getBounds().getCenterLonLat(),
                                new OpenLayers.Size(100, 100),
                                content,
                                null, true, close_popup);
            popup.calculateRelativePosition = function() { return "bl"; };
            feature.popup = popup;
            popup.feature = feature;
            map.addPopup(popup);
        } else {
            var popup = feature.popup;
//          popup.feature = null;
            map.removePopup(feature.popup);
            feature.popup.destroy();
            feature.popup = null;
        }
    }


    // ページの読み込みが終わったら、地図表示の処理を行う
    window.addEventListener("DOMContentLoaded", display_map);

})();
</script>

    <?php else: ?>
    該当する店舗はありませんでした。
    <?php endif; ?>

<?php else: ?>
地域を入力してください。
<?php endif; ?>

<!-- ★ スタイルの調整 -->
<style>
/* 地図領域と地図のサイズが合わないとき : Google Maps は API が設定する */
#map {
    position: relative;
    overflow: hidden;
}
/* style.css の指定が影響して、吹き出しが正しく表示されない */
#map .olPopup img {
    max-width: none;
}
</style>

入力フォ－ムに条件を入力し、それに合致しているものがあればマップが表示され、マ－カ－が現れるはずなのですが、条件が合致していたとしてもマップが現れず「該当する店舗はありませんでした。」と表示されてしまいます。
どこがマズいのかわからず、あれから考え込んでおりまして、ご指摘いただければ嬉しいです。
よろしくお願いいたします。

コメントありがとうございます。
テスト環境で問題はないものの、本番環境（SSLサイト）に持ってきたときにはpost（投稿）の条件が違うから、期待したところを通らない、という理解でいいものでしょうか。
であれば、本番環境の方をテスト環境に一致させる、という手で解決していこうと思います。
さすがにこのコ－ドをいじることはできずにいます。
おっしゃる通り、「該当する店舗がありませんでした」問題の解決が優先ですね。
うむ～。

テスト環境と本番環境を全く揃えてテストを行っています。
条件が合致しないときは「該当する店舗がありませんでした」が表示されますが、条件が合う店舗があった場合、画面にマップを読み込んでいるような挙動になります（白い画面ですが）。
カテゴリ－もカテゴリ－スラッグもまったく同じものにして、テストを行ったところ、どうもカテゴリ－が動いているものがあるらしいのです。
例えばファッションカテゴリ－は大丈夫なのですが、飲食で登録しているはずの店舗がペット関係にチェックを入れた時に表示され（たような挙動になり）ます。飲食と家カテゴリ－が効かない感じです。

カテゴリ－はカテゴリ－ＩＤではなくスラッグで取得しているはずなので首をかしげています。
飲食と家カテゴリ－に登録してある店舗はどこにチェックをいれても表示されませんが、どこにもチェックを入れずに検索するとマップが読み込まれるような動作をしますので、やはりネックはカテゴリ－の移動？だと今のところ断定しております。

それにしてもすぐにお返事がいただけ、すごく心強いです。
これさえ完成すればしたかったことが完成するのでワクワクしつつテストしています。

ちなみに、本番環境のコ－ドを以下にコピペします（ＳＳＬ対応は二の次にするとして、いったん仮サイトのものを丸コピペしてる状態です）。

<?php
/*
Template Name: map
 */
?>
<?php get_header(); ?>


<div id="content">
<div id="inner-content" class="wrap cf">
<main id="main" class="m-all t-all d-5of7 cf" role="main">



<!--＊＊＊＊＊＊＊＊＊＊＊＊＊　テンプレ－ト編集スタ－ト　＊＊＊＊＊＊＊＊＊＊＊＊＊-->



<?php
    if (have_posts()) {
        while (have_posts()) {
            the_post();
            get_template_part('content', 'page');
        }
    }
?>



<br><br>

<?php
$place = $_POST['place'];
$cc = $_POST['cc'];
if ($cc) {
    foreach ($cc as $v) {
        $cc_stat[$v] = 'checked';
    }
}
?>

<style>
form label {
    margin-right: 2ex;
}
</style>
<form action="" method="post">
    検索したい地域　<input type="text" name="place" value="<?php echo $place ?>">
    <!-- カテゴリーの指定 -->
    <label><input type="checkbox" name="cc[]" value="2" <?php echo $cc_stat[2] ?>>飲食             </label>
    <label><input type="checkbox" name="cc[]" value="3" <?php echo $cc_stat[3] ?>>家関係           </label>
    <label><input type="checkbox" name="cc[]" value="4" <?php echo $cc_stat[4] ?>>ファッション関係 </label>
    <label><input type="checkbox" name="cc[]" value="5" <?php echo $cc_stat[5] ?>>ペット関係       </label>
    <br>
    <input type="submit" name="send" value="検索">
</form>


<script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js"></script>

<?php
if ($place):

    $args = Array(
        'post_type' => 'post',
        'posts_per_page' => -1,
        'meta_query' => array(array(
            'key' => 'address',
            'value' => $place,
            'compare' => 'LIKE'
        ))
    );

    // カテゴリーのどれかにチェックが入っていたら、検索条件を追加する
    $cc = $_POST['cc'];
    if (sizeof($cc) > 0) {
        $args['category__in'] = $cc;
    }

    $the_query = new WP_Query($args);

    if ($the_query->have_posts()):
?>
<div id="map" style="width: 99%; height: 650px;"></div>
<script type="text/javascript">
(function() {   // ★ こんなので、くるんでみる

    var posts = [];
<?php while ($the_query->have_posts()) :
    $the_query->the_post();
    $googlemap = get_field('lat');
    if (! $googlemap) {   // マップ住所が登録されていないこともある
        continue;
    }
    $category = get_the_category();
?>
    posts.push({
        lat: '<?php echo post_custom("lat")?>',
        lng: '<?php echo post_custom("lon")?>',
        name: '<?php echo post_custom("Name")?>',
        link: '<?php the_permalink();?>',
        title: '<?php the_title(); ?>',
        cat_id: '<?php echo $category[0]->category_nicename; ?>'
    });
<?php endwhile; // End the loop. Whew. ?>

// ★ これ以降、OpenLayers API を使うように、ばっさりと書き換え
    var map;
    var select;

    function display_map() {

        // マーカーとツールチップを、店舗情報毎に設定するための overlay
        var overlay = new OpenLayers.Layer.Vector('Overlay', {
            styleMap: new OpenLayers.StyleMap({
                externalGraphic: '${marker_image}',
                graphicWidth: 21,
                graphicHeight: 25,
                graphicYOffset: -25,
                cursor: "pointer",
                title: '${tooltip}',
            })
        });


        var icon_map = {
            1: "http://dev.openlayers.org/img/marker.png",
            2: "http://dev.openlayers.org/img/marker-green.png",
            3: "http://dev.openlayers.org/img/marker-blue.png",
            4: "http://dev.openlayers.org/img/marker-gold.png",
            5: "http://dev.openlayers.org/img/marker-green.png",
        };

        var epsg4326 = new OpenLayers.Projection("EPSG:4326");
        var epsg3857 = new OpenLayers.Projection("EPSG:3857");

        // マーカーの生成
        var features = [];
        for (var i in posts) {
            var post = posts[i];
            features.push(new OpenLayers.Feature.Vector(
                    new OpenLayers.Geometry.Point(post.lng, post.lat)
                    .transform(epsg4326, epsg3857), {
                        tooltip: post.title,
                        marker_image: icon_map[ post.cat_id ],
                        post: post,
                    }
            ));
        }

        overlay.addFeatures(features);

        overlay.events.on({
            'featureclick': function(evt) {
                toggle_popup(evt.feature);
            },
        });

        // マップの生成
        map = new OpenLayers.Map("map");

        map.addLayers([new OpenLayers.Layer.OSM(), overlay]);

        // マーカーのクリック状態を取得するために、SelectFeature なるものを作る
        select = new OpenLayers.Control.SelectFeature(overlay);
        map.addControl(select);
        select.activate();

        // マーカーが含まれる範囲の Bounds と、それに合わせたズーミング
        var bounds = new OpenLayers.Bounds();
        for (var i in posts) {
            bounds.extend(new OpenLayers.LonLat(posts[i].lng, posts[i].lat));
        }
        bounds.transform(epsg4326, epsg3857);
        map.zoomToExtent(bounds);

        // ズームの最大値は 16 まで
        if (map.getZoom() > 16) {
            map.zoomTo(16);
        }
    }

    // 吹き出しの「×」を押したときの処理
    function close_popup(evt) {
        toggle_popup(this.feature);
    }

    // マーカーをクリックしたときに吹き出しの表示を切り替える
    function toggle_popup(feature) {
        if (! feature.popup) {
            var post = feature.attributes.post;
            var content = '<div>' + post.name + '：' + '<a href="' + post.link + '" target="_blank">' + post.title + '</a></div>';

            var popup = new OpenLayers.Popup.FramedCloud("featurePopup",
                                feature.geometry.getBounds().getCenterLonLat(),
                                new OpenLayers.Size(100, 100),
                                content,
                                null, true, close_popup);
            popup.calculateRelativePosition = function() { return "bl"; };
            feature.popup = popup;
            popup.feature = feature;
            map.addPopup(popup);
        } else {
            var popup = feature.popup;
//          popup.feature = null;
            map.removePopup(feature.popup);
            feature.popup.destroy();
            feature.popup = null;
        }
    }


    // ページの読み込みが終わったら、地図表示の処理を行う
    window.addEventListener("DOMContentLoaded", display_map);

})();
</script>

    <?php else: ?>
    該当する店舗はありませんでした。
    <?php endif; ?>

<?php else: ?>
地域を入力してください。
<?php endif; ?>

<!-- ★ スタイルの調整 -->
<style>
/* 地図領域と地図のサイズが合わないとき : Google Maps は API が設定する */
#map {
    position: relative;
    overflow: hidden;
}
/* style.css の指定が影響して、吹き出しが正しく表示されない */
#map .olPopup img {
    max-width: none;
}
</style>

<!--＊＊＊＊＊＊＊＊＊＊＊＊＊　テンプレ－ト編集ここまで　＊＊＊＊＊＊＊＊＊＊＊＊＊-->





</main>
<?php get_sidebar(); ?>
</div>
</div>
<?php get_footer(); ?>

ありがとうございます！
そのあたりをちょっとふまえて見直してみます。
光明が見えてきました。
それというのもわざわざ調べてくださったお陰様です！

マップは表示されませんが、思っているような動作になりました。
ご指摘の通り、やはりカテゴリ－IDからひろっていました。
以下のような感じで入力フォ－ムを変えることで、テスト環境と同じ形になりました。
ありがとうございます。

<form action="" method="post">
    検索したい地域　<input type="text" name="place" value="<?php echo $place ?>">
    <!-- カテゴリーの指定 -->
    <label><input type="checkbox" name="cc[]" value="5" <?php echo $cc_stat[2] ?>>飲食             </label>
    <label><input type="checkbox" name="cc[]" value="40" <?php echo $cc_stat[3] ?>>家関係           </label>
    <label><input type="checkbox" name="cc[]" value="4" <?php echo $cc_stat[4] ?>>ファッション関係 </label>
    <label><input type="checkbox" name="cc[]" value="61" <?php echo $cc_stat[5] ?>>ペット関係       </label>
    <br>
    <input type="submit" name="send" value="検索">
</form>

ありがとうございます。

あれから教えていただいた通りのことをやってみると、マップが表示されました！！
ありがとうございます。

マ－カ－のみが表示されない状態でして、「？？」となっております。


上記の入力フォ－ムに対して、以下のような処理でマ－カ－を生成していると思うのですが、表示されないのです

>||

// マーカーとツールチップを、店舗情報毎に設定するための overlay
var overlay = new OpenLayers.Layer.Vector('Overlay', {
styleMap: new OpenLayers.StyleMap({
externalGraphic: '${marker_image}',
graphicWidth: 21,
graphicHeight: 25,
graphicYOffset: -25,
cursor: "pointer",
title: '${tooltip}',
})
});

var icon_map = {
1: "https://hogehoge.com/images/1.png",
2: "https://hogehoge.com/images/2.png",
3: "https://hogehoge.com/images/3.png",
4: "https://hogehoge.com/images/4.png",
5: "https://hogehoge.com/images/5.png",

};

var epsg4326 = new OpenLayers.Projection("EPSG:4326");
var epsg3857 = new OpenLayers.Projection("EPSG:3857");

// マーカーの生成
var features = [];
for (var i in posts) {
var post = posts[i];
features.push(new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(post.lng, post.lat)
.transform(epsg4326, epsg3857), {
tooltip: post.title,
marker_image: icon_map[ post.cat_id ],
post: post,
}
));
}

overlay.addFeatures(features);

overlay.events.on({
'featureclick': function(evt) {
toggle_popup(evt.feature);
},
});

||<

フム～。。

あと一押し、ヒントをいただけないでしょうか。

表示できした！！
ありがとうございます。これでできました！
全て解決しました。
a-kuma3さんがいらっしゃらなかったら私ではまったく遠く及ばないことでした。
本当にありがとうございます。
ポイントが送信できないのは一時的なことなのでしょうか。

ありがとうございます。
それにしても、と言わせていただきたくなるのですが、、それではせめて、解除されたときにはご一報いただけませんでしょうか。
そこはなんとかグッと目をつぶって、お願いいたします。
本当にありがとうございました。

新たな質問でポイントをお渡しできる形がいいですね。
次のような質問を新たにしようと思っているのですが、それが可能かどうかを教えていただけませんか。
可能であればそのまま質問を登録させていただき、a-kuma3さんに回答をいただければ嬉しいです。
下記のような感じで質問しようと思っています。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

現在、以下のコ－ドで、取得するpostを条件づけて表示しています。
>|php|
$args = Array(
'post_type' => 'post',
'posts_per_page' => -1,
'meta_query' => array(array(
'key' => 'address',
'value' => $place,
'compare' => 'LIKE'
),
||<



この条件プラス、カスタムフィ－ルドで設定した値を使って、更に絞り込みをやってみまして、以下のコ－ドでそれは実現しました（カスタムフィ－ルドhogehogeに値があれば表示）。
>|php|
$args = Array(
'post_type' => 'post',
'posts_per_page' => -1,
'meta_query' => array(array(
'key' => 'address',
'value' => $place,
'compare' => 'LIKE'
),

array(
'key' => hogehoge",
'value' => 'null',
'compare' => '!='
),
)
);

||<

ふと、投稿者（author）にカスタムフィ－ルドを設定している場合、そのメタ情報を保持しているpostだけを表示する、ということができないものかと思い、やってみるもののうまくいきません。
レアなケ－スなのか、ググってもよくわかりませんでした。
上記コ－ドのようにpostのカスタムフィ－ルドで絞り込むのではなく、投稿者（author）のカスタムフィ－ルドの値あるなしで絞り込むためのコ－ドを教えてください（AND）。
よろしくお願いいたします。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
質問おわり


author meta_queryとかを使ってやってみてるんですが苦戦しておりまして、これそもそもできるのか？という疑問が（笑）。
これってできることでしょうか。
できるのならば後学のため質問させていただきたいです。

コ－ド表示モ－ドにならない。。

ええ、きっとレアケ－スなんだと思います（笑）。
質問させていただくのは明日になると思います。
よろしくお願いします。