php - ズームマーカーだけど…動いてる!! OO なんてこった

Question

問題はトレーニング データにあると思います。以下に示すように、PHP コードとレンダリングを説明します。

API to Google Maps は初めてです。これは私のコードではありません。次に、問題が発生します。ズームすると、このポインターを一度ズームインすると、大きく移動します。マップの競合が何を表示しているのかわかりません。地域を示すために LatLong のみを使用したいのですが、道路を計算するためのスクリプトが提供されています。これは 2 つ目の仮説です。

私が試したこと：

• から：setMapAddress ("<? Php city ();?>, <? Php been ();?>, <? Php zipcode ();?>");
• にsetMapAddress ("");
• 結果：setMapAddress (" , , ");

-削除:

bed: "<?php beds(); ?>",
            bath: "<?php baths(); ?>",
            size: "<?php echo get_post_meta($post->ID, "_ct_sqft", true); ?> <?php sqftsqm(); ?>",
            street: "<?php the_title(); ?>",
            city: "<?php city(); ?>",
            state: "<?php state(); ?>",
            zip: "<?php zipcode(); ?>",

---

問題の画像:

---

スクリプトのあるページ

<script>
        function setMapAddress(address) {
            var geocoder = new google.maps.Geocoder();
            geocoder.geocode( { address : address }, function( results, status ) {
                if( status == google.maps.GeocoderStatus.OK ) {
                    <?php  if((get_post_meta(get_the_ID(), "_ct_latlng", true))) { ?>
                    var location = new google.maps.LatLng(<?php echo get_post_meta(get_the_ID(), "_ct_latlng", true); ?>);
                    <?php } else { ?>
                    var location = results[0].geometry.location;
                    <?php } ?>
                    var options = {
                        zoom: 15,
                        center: location,
                        mapTypeId: google.maps.MapTypeId.<?php echo strtoupper($ct_options['ct_contact_map_type']); ?>, 
                        streetViewControl: true
                    };
                    var mymap = new google.maps.Map( document.getElementById( 'map' ), options );   
                    var marker = new MarkerWithLabel({
                        map: mymap, 
                        draggable: false,
                        flat: true,
                        labelContent: '',
                        labelAnchor: new google.maps.Point(22, 0),
                        labelClass: "label", // the CSS class for the label
                        labelStyle: {opacity: 1},
                        icon: '<?php echo get_template_directory_uri(); ?>/images/blank.png',
                        <?php  if((get_post_meta(get_the_ID(), "_ct_latlng", true))) { ?>  
                        position: new google.maps.LatLng(<?php echo get_post_meta(get_the_ID(), "_ct_latlng", true); ?>)
                        <?php } else { ?>
                        position: results[0].geometry.location
                        <?php } ?>
                    });     
                }
            });
        }
        setMapAddress( "<?php city(); ?>, <?php state(); ?>, <?php zipcode(); ?>" );
        </script>
        <div id="map"></div>

このコードは次のようにレンダリングされました。

<script>
        function setMapAddress(address) {
            var geocoder = new google.maps.Geocoder();
            geocoder.geocode( { address : address }, function( results, status ) {
                if( status == google.maps.GeocoderStatus.OK ) {
                                        var location = new google.maps.LatLng(42.608120,14.067420);
                                        var options = {
                        zoom: 15,
                        center: location,
                        mapTypeId: google.maps.MapTypeId.ROADMAP, 
                        streetViewControl: true
                    };
                    var mymap = new google.maps.Map( document.getElementById( 'map' ), options );   
                    var marker = new MarkerWithLabel({
                        map: mymap, 
                        draggable: false,
                        flat: true,
                        labelContent: '',
                        labelAnchor: new google.maps.Point(22, 0),
                        labelClass: "label", // the CSS class for the label
                        labelStyle: {opacity: 1},
                        icon: 'http://pineto.contat.eu/wp-content/themes/th/images/blank.png',

                        position: new google.maps.LatLng(42.608120,14.067420)
                                            });     
                }
            });
        }
        setMapAddress( ", , " );
        </script>

Answer 1

問題は画像にありました。

まず、次の css (layout.css、151 行目) を削除します。

font-weight: bold; color: #fff; padding: 1px 4px; background: url(<?php echo get_template_directory_uri(); ?>/images/map-pin.png) no-repeat;} 

次に、この JavaScript (mapping.js、26 行目) を確認します。

icon: 'wp-content/themes/reale/images/blank.png',

私のマーカー画像を指しています。