Show messages on shapes in Google Maps

[{"_1":2,"_432":-5,"_433":-5},"loaderData",{"_3":4},"routes/example.$slug",{"_5":6,"_306":307,"_430":431},"post",{"_7":8,"_9":10,"_11":10,"_12":13,"_16":17,"_18":17,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_30":31,"_35":36,"_37":36,"_38":39,"_40":41,"_44":45,"_46":47,"_171":172,"_203":204,"_301":302},"id",13022,"date","2016-12-22T08:54:48","date_gmt","guid",{"_14":15},"rendered","http://demos.flippercode.com/googlemaps/?post_type=example&p=12425","modified","2023-02-09T06:02:32","modified_gmt","slug","show-messages-shapes-google-maps-2","status","publish","type","example","link","https://static.wpmapspro.com/example/show-messages-shapes-google-maps-2/","title",{"_14":29},"Show messages on shapes in Google Maps","content",{"_14":32,"_33":34},"

With WP Maps Pro, you can show messages on shapes by using info windows. These windows allow you to display brief bits of text or information besides a shape or location on the map that can be used to provide useful context and extra information to your users.

You can display info windows with messages on shapes. They appear after clicking on them on a Google Map. You can create rectangles, circles, polygons, and polylines with the help of drawing tools.

Now try out these features using our example map below. Just click on any of the shapes and you’ll see a small window with text. If you click on a triangle, the plugin will redirect you to another page.

Maps Example

\n","protected",false,"featured_media",0,"parent","template","","topic",[42,43],8,10,"yoast_head","\nShow messages on shapes in Google Maps | Wpmapspro.com\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n\n\n\n\t\n\n","yoast_head_json",{"_27":48,"_49":50,"_51":52,"_62":63,"_64":65,"_66":48,"_67":50,"_68":26,"_69":70,"_71":72,"_73":74,"_75":76,"_85":86,"_87":88,"_89":90,"_93":94},"Show messages on shapes in Google Maps | Wpmapspro.com","description","With WP maps pro, you can select objects on Google maps and insert descriptions, customizing these information windows. Make cards convenient and interactive.","robots",{"_53":54,"_55":55,"_56":57,"_58":59,"_60":61},"index","noindex","follow","max-snippet","max-snippet:-1","max-image-preview","max-image-preview:large","max-video-preview","max-video-preview:-1","og_locale","en_US","og_type","article","og_title","og_description","og_url","og_site_name","WP Maps Pro","article_publisher","https://www.facebook.com/flippercodepvtltd","article_modified_time","2023-02-09T06:02:32+00:00","og_image",[77],{"_78":79,"_80":81,"_82":83,"_23":84},"width",1469,"height",800,"url","https://static.wpmapspro.com/wp-content/uploads/2023/12/wp-maps-pro-banner.png","image/png","twitter_card","summary_large_image","twitter_site","@weplugins","twitter_misc",{"_91":92},"Est. reading time","1 minute","schema",{"_95":96,"_97":98},"@context","https://schema.org","@graph",[99,121,138,154],{"_100":101,"_102":26,"_82":26,"_103":48,"_104":105,"_107":108,"_109":74,"_49":50,"_110":111,"_113":114,"_115":116},"@type","WebPage","@id","name","isPartOf",{"_102":106},"https://static.wpmapspro.com/#website","datePublished","2016-12-22T08:54:48+00:00","dateModified","breadcrumb",{"_102":112},"https://static.wpmapspro.com/example/show-messages-shapes-google-maps-2/#breadcrumb","inLanguage","en-US","potentialAction",[117],{"_100":118,"_119":120},"ReadAction","target",[26],{"_100":122,"_102":112,"_123":124},"BreadcrumbList","itemListElement",[125,132,136],{"_100":126,"_127":128,"_103":129,"_130":131},"ListItem","position",1,"Home","item","https://static.wpmapspro.com/",{"_100":126,"_127":133,"_103":134,"_130":135},2,"Examples","https://static.wpmapspro.com/example/",{"_100":126,"_127":137,"_103":29},3,{"_100":139,"_102":106,"_82":131,"_103":140,"_49":141,"_142":143,"_115":145,"_113":114},"WebSite","https://www.wpmapspro.com","#1 WordPress Plugin For Google Maps","publisher",{"_102":144},"https://static.wpmapspro.com/#organization",[146],{"_100":147,"_119":148,"_152":153},"SearchAction",{"_100":149,"_150":151},"EntryPoint","urlTemplate","https://static.wpmapspro.com/?s={search_term_string}","query-input","required name=search_term_string",{"_100":155,"_102":144,"_103":156,"_82":131,"_157":158,"_165":166,"_167":168},"Organization","WePlugins","logo",{"_100":159,"_113":114,"_102":160,"_82":161,"_162":161,"_78":163,"_80":163,"_164":156},"ImageObject","https://static.wpmapspro.com/#/schema/logo/image/","https://www.wpmapspro.com/wp-content/uploads/2023/12/weplugins3final-IconJPEG.jpg","contentUrl",1080,"caption","image",{"_102":160},"sameAs",[72,169,170],"https://twitter.com/weplugins","https://www.linkedin.com/company/flipper-code-pvt-ltd-/","_links",{"_173":174,"_178":179,"_182":183,"_186":187,"_190":191,"_197":198},"self",[175],{"_176":177},"href","https://static.wpmapspro.com/wp-json/wp/v2/example/13022","collection",[180],{"_176":181},"https://static.wpmapspro.com/wp-json/wp/v2/example","about",[184],{"_176":185},"https://static.wpmapspro.com/wp-json/wp/v2/types/example","wp:attachment",[188],{"_176":189},"https://static.wpmapspro.com/wp-json/wp/v2/media?parent=13022","wp:term",[192],{"_193":40,"_194":195,"_176":196},"taxonomy","embeddable",true,"https://static.wpmapspro.com/wp-json/wp/v2/topic?post=13022","curies",[199],{"_103":200,"_176":201,"_202":195},"wp","https://api.w.org/{rel}","templated","_embedded",{"_190":205},[206],[207,256],{"_7":42,"_25":208,"_103":209,"_19":210,"_193":40,"_44":211,"_46":212,"_171":238},"https://static.wpmapspro.com/topic/draw-on-maps/","Draw on maps","draw-on-maps","\nDraw on maps - WP Maps Pro\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n\n\n\n",{"_27":213,"_49":214,"_51":215,"_62":63,"_64":65,"_66":213,"_67":214,"_68":208,"_69":70,"_75":216,"_85":86,"_87":88,"_93":218},"Draw on maps - WP Maps Pro","Visualize data in a more meaningful way with WP Maps Pro! This guide teaches you how to draw on your maps for advanced customizations.",{"_53":54,"_55":55},[217],{"_78":79,"_80":81,"_82":83,"_23":84},{"_95":96,"_97":219},[220,225,229,234],{"_100":221,"_102":208,"_82":208,"_103":213,"_104":222,"_49":214,"_110":223,"_113":114},"CollectionPage",{"_102":106},{"_102":224},"https://static.wpmapspro.com/topic/draw-on-maps/#breadcrumb",{"_100":122,"_102":224,"_123":226},[227,228],{"_100":126,"_127":128,"_103":129,"_130":131},{"_100":126,"_127":133,"_103":209},{"_100":139,"_102":106,"_82":131,"_103":140,"_49":141,"_142":230,"_115":231,"_113":114},{"_102":144},[232],{"_100":147,"_119":233,"_152":153},{"_100":149,"_150":151},{"_100":155,"_102":144,"_103":156,"_82":131,"_157":235,"_165":236,"_167":237},{"_100":159,"_113":114,"_102":160,"_82":161,"_162":161,"_78":163,"_80":163,"_164":156},{"_102":160},[72,169,170],{"_173":239,"_178":242,"_182":245,"_248":249,"_197":254},[240],{"_176":241},"https://static.wpmapspro.com/wp-json/wp/v2/topic/8",[243],{"_176":244},"https://static.wpmapspro.com/wp-json/wp/v2/topic",[246],{"_176":247},"https://static.wpmapspro.com/wp-json/wp/v2/taxonomies/topic","wp:post_type",[250,252],{"_176":251},"https://static.wpmapspro.com/wp-json/wp/v2/example?topic=8",{"_176":253},"https://static.wpmapspro.com/wp-json/wp/v2/docs?topic=8",[255],{"_103":200,"_176":201,"_202":195},{"_7":43,"_25":257,"_103":258,"_19":259,"_193":40,"_44":260,"_46":261,"_171":286},"https://static.wpmapspro.com/topic/infowindow/","Infowindow","infowindow","\nInfowindow - WP Maps Pro\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n\n\n\n",{"_27":262,"_49":263,"_51":264,"_62":63,"_64":65,"_66":262,"_67":263,"_68":257,"_69":70,"_75":265,"_85":86,"_87":88,"_93":267},"Infowindow - WP Maps Pro","Get an in-depth look at infowindows and their topics when using Google Maps plugin. Learn how to customize them for a better user experience!",{"_53":54,"_55":55},[266],{"_78":79,"_80":81,"_82":83,"_23":84},{"_95":96,"_97":268},[269,273,277,282],{"_100":221,"_102":257,"_82":257,"_103":262,"_104":270,"_49":263,"_110":271,"_113":114},{"_102":106},{"_102":272},"https://static.wpmapspro.com/topic/infowindow/#breadcrumb",{"_100":122,"_102":272,"_123":274},[275,276],{"_100":126,"_127":128,"_103":129,"_130":131},{"_100":126,"_127":133,"_103":258},{"_100":139,"_102":106,"_82":131,"_103":140,"_49":141,"_142":278,"_115":279,"_113":114},{"_102":144},[280],{"_100":147,"_119":281,"_152":153},{"_100":149,"_150":151},{"_100":155,"_102":144,"_103":156,"_82":131,"_157":283,"_165":284,"_167":285},{"_100":159,"_113":114,"_102":160,"_82":161,"_162":161,"_78":163,"_80":163,"_164":156},{"_102":160},[72,169,170],{"_173":287,"_178":290,"_182":292,"_248":294,"_197":299},[288],{"_176":289},"https://static.wpmapspro.com/wp-json/wp/v2/topic/10",[291],{"_176":244},[293],{"_176":247},[295,297],{"_176":296},"https://static.wpmapspro.com/wp-json/wp/v2/example?topic=10",{"_176":298},"https://static.wpmapspro.com/wp-json/wp/v2/docs?topic=10",[300],{"_103":200,"_176":201,"_202":195},"terms",{"_40":303},[304,305],{"_7":42,"_103":209,"_19":210,"_49":-7,"_193":40},{"_7":43,"_103":258,"_19":259,"_49":-7,"_193":40},"mapData",{"_308":309,"_310":311,"_312":313},"req_map_id","19","selected_css",{"_259":-5,"_5":-5,"_130":-5},"wpgmp_local",{"_314":315,"_316":-5,"_317":318,"_319":320,"_321":322,"_323":34,"_324":325,"_326":327,"_328":39,"_329":39,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":34,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":320,"_420":421,"_422":423,"_424":425,"_426":427,"_428":429},"source","rest","language","apiKey","AIzaSyDz4Xap1p0E2w0nZ7u2sBEsDgrjGNycK04","urlforajax","https://static.wpmapspro.com/wp-admin/admin-ajax.php","nonce","f30c953bc2","wpgmp_country_specific","wpgmp_countries",[],"wpgmp_assets","https://static.wpmapspro.com/wp-content/plugins/wp-google-map-gold/assets/js/","days_to_remember","wpgmp_mapbox_key","map_provider","google","route_provider","openstreet","tiles_provider","OpenStreetMap.Mapnik","use_advanced_marker","true","set_timeout",100,"debug_mode","select_radius","Select Radius","search_placeholder","Enter address or latitude or longitude or title or city or state or country or postal code here...","select","Select","select_all","Select All","select_category","Select Category","all_location","All","show_locations","Show Locations","sort_by","Sort by","wpgmp_not_working","not working...","place_icon_url","https://static.wpmapspro.com/wp-content/plugins/wp-google-map-gold/assets/images/icons/","wpgmp_location_no_results","No results found.","wpgmp_route_not_avilable","Route is not available for your requested route.","image_path","https://static.wpmapspro.com/wp-content/plugins/wp-google-map-gold/assets/images/","default_marker_icon","https://static.wpmapspro.com/wp-content/plugins/wp-google-map-gold/assets/images/icons/marker-shape-2.svg","img_grid","","img_list","","img_print","","hide","Hide","show","Show","start_location","Start Location","start_point","Start Point","radius","Radius","end_location","End Location","take_current_location","Take Current Location","center_location_message","Your Location","driving","Driving","bicycling","Bicycling","walking","Walking","transit","Transit","metric","Metric","imperial","Imperial","find_direction","Find Direction","miles","Miles","km","KM","show_amenities","Show Amenities","find_location","Find Locations","locate_me","Locate Me","prev","Prev","next","Next","ajax_url","no_routes","No routes have been assigned to this map.","no_categories","No categories have been assigned to the locations.","mobile_marker_size",24,"desktop_marker_size",32,"retina_marker_size",64,"exampleId",19,"actionData","errors"]

Show messages on shapes in Google Maps

Build Customizable Maps Now