Geolocate Address from Custom Post Type Meta Value: WordPress Experts

This was an interesting project for our Gainesville Web Design Team. The puzzle:

  • Create a custom post type within WordPress, no trouble there
  • Allow users to input an address on a CRED front-end form that loads into the CPT, still no trouble there
  • Next, create a script that loops through each CPT, extracts the elements generate a dynamic XML file
  • Geolocates the encoded address from the ML via Google Map API V3
  • Assigns an address category
  • then display on a g-map with sweet custom icons

All in all it sounds pretty straightforward. And once we were done, it really is, but getting there was half the fun. We found some great resources from Google, of course, but we needed to grab several different resources and combine them to achieve the desired result.

Livewire Delivers, bottom line.

The result: a fast, lightweight application that delivers customized information in an ultra user-friendly way. Our Gainesville Web Design team joined several pre-made scripts with our own to create something powerful and incredibly beneficial to our client.

More Web Design Blog Content

Firefox is dead to me

That happened a long time back. Now it seems that the once beloved browser is now in the same situation with the majority of its former users. I personally feel that the browser lost its roots in version 12, but it was showing signs of becoming yesterdays news

Jquery Simple Fadeout

A cute little snippet to show a simple green bar upon a successful edit. <?php if(isset($_GET[‘edit’])){ ?> <div id=’notifyy’> Edited Successfully </div>     <script type=”text/javascript”>     $( ‘#notifyy’ ).show(function(){     $(this).fadeOut(5000);     });     </script> <?php } ?> The CSS: #notifyy{width:100%;background:#2f5001;padding:4px 15px;color:#fff;} Always,

WP: Adding a HTML5 Search Form

A simple script from your local Gainesville Web Designer. [code scroll=”false” language=”htmml”] <form role=”search” method=”get” class=”search-form” action=”<?php echo home_url( ‘/’ ); ?>”> <label> <span class=”screen-reader-text”><?php echo _x( ‘Search for:’, ‘label’ ) ?></span> <input type=”search” class=”search-field” placeholder=”<?php echo esc_attr_x( ‘Search …’, ‘placeholder’ ) ?>” value=”<?php echo get_search_query() ?>” name=”s” title=”<?php echo esc_attr_x( ‘Search

Preloading Images with Jquery

There are times when preloading images is an important step in keeping your site/page/program running smoothly. This is especially true in the era of mobile. Here’s a cute little snippet that does just that. function preload(yourarrayOfImages) { $(yourarrayOfImages).each(function(){ $(‘<img/>’)[0].src = this; }); } preload([ ‘img/image1.jpg’, ‘img/image2.jpg’, ‘img/image3.jpg’ ]);

How To Win Visitors And Influence Traffic

Is there anything more of a turn-off than a untrustworthy website? Not in our world. Increasing the trust in your website is key to making conversions (calls, emails…. sales … you know, money). There are a number of factors determining the level of trust on your website. Here’s

Jquery XML Shopping Cart

We’ve built all kinds of shopping carts – many from the ground up. Experienced with all the third party vendors – zencart, opencart, xcart, etc… we know that clients need something completely customized sometimes. Many shopping carts are simply to complicated for some clients to use – also