Just Released! PHP Streetmaps (Uber-style moving markers and more…)

Check out my latest script – HTML5 Streetmaps – available NOW at codecanyon.net! Click here!

This easy to use PHP class library allows PHP/MySQL developers to create a wide variety of customized streetmaps by instantiating this PHP streetmap class (no javascript coding necessary!) Create custom streetmaps with the following mapbox/leafletjs built-in features:

• NEW!!! UBER-style moving markers
• Heatmaps
• Markerclusters
• Streetmap with directions/routing
• Streetmaps with various shapes (polygons, circles, rectangles)
• Streetmap styling(supports the 14 mapbox.js styles)
• Multi-color markers
• Multi-color markers with fontawesome icons
• Image markers
• Custom popups (text/images/videos)

Version History

v1.0 (11/1/2016) – Initial release
v1.1 (11/16/2016) – added UBER-style moving marker

Regards,
Ninja
my email: dataninja.at.codecanyon@gmail.com
my codecanyon portfolio: click here

Advertisements

Author’s Note: PHP Streetmaps

“A backend developer trying to do front end programming well is like right hander trying to write left handed well. With enough work, it can be done…but it does not come naturally.”
– Data Ninja

LEFT VS. RIGHT SIDE OF THE BRAIN – The left side of the human brain focuses on logical thinking, analysis, and accuracy. The right side of the brain, on the other hand, focus on aesthetics, feeling, and creativity. Front end developers, generally speaking, have “right handed” brains and backend “left handed”. It’s possible for each to do the other’s type of programming, but it doesn’t come naturally.

This is why I wrote PHP Streetmaps. It allows a PHP/MySQL backend developer an easy way to create sophisticated streetmaps (with directions, heatmaps, markers, image markers, complicated popups, video popups, etc) without learning mapbox/leaflet.js which are written in javascript, a language primarily by front end developers.

The technique used here is I created a PHP wrapper class called PhpStreetmaps that wraps around my HTML5 script (also sold seperately at codecanyon.net but included when you purchase this PHP script). I also added methods to connect and interact with a MySQL database directly to feed map markers from a database.

To use, simply instantiate the class and use it’s setter methods to set the properties and the markers for the streetmap.

So, attention PHP backend developers..sophisticated streetmaps in your sleep! No javascript necessary! Check it out!

PHP Streetmaps – available NOW at codecanyon.net! Click here!

Tanoshinde (‘Have fun!’),
Data Ninja
my email: dataninja.at.codecanyon@gmail.com
my codecanyon portfolio: click here

Just Released! HTML5 Streetmaps

Check out my latest script – HTML5 Streetmaps – available NOW at codecanyon.net! Click here!

What is HTML5 Street Maps?

This easy to use library allows non-programmers (and programmers alike) to create a wide variety of customized streetmaps using straight HTML (no javascript coding necessary!) Create custom streatmaps with the following mapbox/leaflet built-in features:

• streetmap styling(supports the 14 mapbox.js styles)
• multi-color markers
• multi-color markers with fontawesome icons
• image markers
• custom popups (html only)
• custom popups (with images)
• custom popups (with slideshows)
• heatmaps
• markerclusters
• streetmap directions
• streetmaps with various shapes (polygons, circles, rectangles)

Regards,

Ninja

my email: dataninja.at.codecanyon@gmail.com
my codecanyon portfolio: click here

Author’s Note: HTML5 Streetmaps

“A good programmer looks for ways to create ‘layers of abstraction’ that hide the complexity of the lower layers of a given software language or library…a better programmer eliminates the need for programming altogether.”

– Data Ninja 10/1/2016

I wrote HTML5 to give web designers who know HTML/CSS (but not not jquery and javascript) an easy way to create sophisticated leaflet/mapbox streetmaps for their web pages, without writing a single line of javascript code.

The technique used in this script is to leverage jquery’s class selector functionality – e.g. $(‘.myclass’)… – to create custom tags. By eliminating the dot ‘.’ in the class selector search string, jquery grabs any tag with a tag name that matches what is specified in a ‘dot-less’ class selector entry.

For instance, to create the custom tag, this script starts by using the following code – ‘$(“streetmap”)… that finds every instance of the streetmap tag on a web page, reads its attributes – ‘data-…’ – and renders the streetmap accordingly.

Now, with a single javascript declaration at the top of any webpage, streetmaps leveraging leaflet/mapbox advanced features – including markers, heatmaps, markerclusters, polygons and other shapes – can be rendered with straight HTML.

Eliminating the need for programming altogether!

I hope non-programmers and programmers alike find this script useful. Drop me a note if you have any questions.

HTML5 Streetmaps – available NOW at codecanyon.net! Click here!

Tanoshinde (‘Have fun!’),
Data Ninja
my email: dataninja.at.codecanyon@gmail.com
my codecanyon portfolio: click here