Displaying a Simple Map in WordPress

Duration 1:42

LnRiLWNvbnRhaW5lcltkYXRhLXRvb2xzZXQtYmxvY2tzLWNvbnRhaW5lcj0iMWY2MDVhOTBiM2U5ZDgwMTFiZGY5NDdlNDg5ZDk2M2QiXSB7IGJvcmRlci1yYWRpdXM6IDVweDtiYWNrZ3JvdW5kOiByZ2JhKCAyNDUsIDI0NSwgMjQ1LCAxICk7cGFkZGluZzogMjBweCAzMHB4IDE1cHggMzBweDttYXJnaW4tdG9wOiAyMHB4O21hcmdpbi1ib3R0b206IDUwcHg7ZGlzcGxheTptcy1mbGV4Ym94ICFpbXBvcnRhbnQ7ZGlzcGxheTpmbGV4ICFpbXBvcnRhbnQ7LW1zLWZsZXgtZGlyZWN0aW9uOmNvbHVtbjtmbGV4LWRpcmVjdGlvbjpjb2x1bW47LW1zLWZsZXgtcGFjazpjZW50ZXI7anVzdGlmeS1jb250ZW50OmNlbnRlcjsgfSAudGItZ3JpZFtkYXRhLXRvb2xzZXQtYmxvY2tzLWdyaWQ9IjlmMGQyZjdlNjg1NzE5MTBiZGMyMjUwMTMwOTVjNGM0Il0geyBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAwLjMzNWZyKSBtaW5tYXgoMCwgMC42NjVmcik7Z3JpZC1jb2x1bW4tZ2FwOiA1MHB4O2dyaWQtYXV0by1mbG93OiByb3cgfSAudGItZ3JpZFtkYXRhLXRvb2xzZXQtYmxvY2tzLWdyaWQ9IjlmMGQyZjdlNjg1NzE5MTBiZGMyMjUwMTMwOTVjNGM0Il0gPiAudGItZ3JpZC1jb2x1bW46bnRoLW9mLXR5cGUoMm4gKyAxKSB7IGdyaWQtY29sdW1uOiAxIH0gLnRiLWdyaWRbZGF0YS10b29sc2V0LWJsb2Nrcy1ncmlkPSI5ZjBkMmY3ZTY4NTcxOTEwYmRjMjI1MDEzMDk1YzRjNCJdID4gLnRiLWdyaWQtY29sdW1uOm50aC1vZi10eXBlKDJuICsgMikgeyBncmlkLWNvbHVtbjogMiB9IC50Yi1maWVsZFtkYXRhLXRvb2xzZXQtYmxvY2tzLWZpZWxkPSJjMWY3NmEwYjA4M2RiNGJjNDc2NWMyNmUwYTYyZmMzYSJdIGEgeyB0ZXh0LWRlY29yYXRpb246IG5vbmU7IH0gIC50Yi1ncmlkW2RhdGEtdG9vbHNldC1ibG9ja3MtZ3JpZD0iY2VmNWFlYWNkY2EwMWUxZGFlMTMxMDJhYTI3ODdhNWYiXSB7IGdyaWQtdGVtcGxhdGUtY29sdW1uczogbWlubWF4KDAsIDAuMDg1ZnIpIG1pbm1heCgwLCAwLjkxNWZyKTtncmlkLWNvbHVtbi1nYXA6IDVweDtncmlkLWF1dG8tZmxvdzogcm93IH0gLnRiLWdyaWRbZGF0YS10b29sc2V0LWJsb2Nrcy1ncmlkPSJjZWY1YWVhY2RjYTAxZTFkYWUxMzEwMmFhMjc4N2E1ZiJdID4gLnRiLWdyaWQtY29sdW1uOm50aC1vZi10eXBlKDJuICsgMSkgeyBncmlkLWNvbHVtbjogMSB9IC50Yi1ncmlkW2RhdGEtdG9vbHNldC1ibG9ja3MtZ3JpZD0iY2VmNWFlYWNkY2EwMWUxZGFlMTMxMDJhYTI3ODdhNWYiXSA+IC50Yi1ncmlkLWNvbHVtbjpudGgtb2YtdHlwZSgybiArIDIpIHsgZ3JpZC1jb2x1bW46IDIgfSBoNC50Yi1oZWFkaW5nW2RhdGEtdG9vbHNldC1ibG9ja3MtaGVhZGluZz0iZTY1ZmYzYTU1ZTI2MWI3Y2RlMTZiZmNhODQ0ZjViOGEiXSAgeyBmb250LXdlaWdodDogYm9sZDtjb2xvcjogcmdiYSggNTIsIDUyLCA1MiwgMSApOyB9IGg0LnRiLWhlYWRpbmdbZGF0YS10b29sc2V0LWJsb2Nrcy1oZWFkaW5nPSJlNjVmZjNhNTVlMjYxYjdjZGUxNmJmY2E4NDRmNWI4YSJdIGEgIHsgY29sb3I6IHJnYmEoIDUyLCA1MiwgNTIsIDEgKTt0ZXh0LWRlY29yYXRpb246IG5vbmU7IH0gIC50Yi1ncmlkLWNvbHVtbltkYXRhLXRvb2xzZXQtYmxvY2tzLWdyaWQtY29sdW1uPSJlODYzZDY2ZWFjOTQ5OTA4YTVjNmM4ZDJmZDMxMzIwYyJdIHsgZGlzcGxheTogZmxleDsgfSBbZGF0YS10b29sc2V0LWJsb2Nrcy1pbWFnZT0iMmFmNzU2YWNmYTI2MDI1OGY5YzNiYTFlMDE2NjQ0M2YiXSB7IG1heC13aWR0aDogMTAwJTsgfSBbZGF0YS10b29sc2V0LWJsb2Nrcy1pbWFnZT0iMmFmNzU2YWNmYTI2MDI1OGY5YzNiYTFlMDE2NjQ0M2YiXSBpbWcgeyBwYWRkaW5nLXRvcDogMTJweDsgfSAudGItZ3JpZC1jb2x1bW5bZGF0YS10b29sc2V0LWJsb2Nrcy1ncmlkLWNvbHVtbj0iMGVhYTk3MTE5MDIyZTZmMWIxZWI5M2IyMzA0NWEzNzciXSB7IHBhZGRpbmctcmlnaHQ6IDQwcHg7Ym9yZGVyLXJpZ2h0OiAxcHggc29saWQgcmdiYSggMjIxLCAyMjEsIDIyMSwgMSApO2Rpc3BsYXk6IGZsZXg7IH0gaDQudGItaGVhZGluZ1tkYXRhLXRvb2xzZXQtYmxvY2tzLWhlYWRpbmc9ImI3OTc5N2U5MDI0MjQ3M2ZiODI4M2U2NTQ4NzJkMTlmIl0gIHsgZm9udC13ZWlnaHQ6IGJvbGQ7dGV4dC1hbGlnbjogbGVmdDsgfSBoNC50Yi1oZWFkaW5nW2RhdGEtdG9vbHNldC1ibG9ja3MtaGVhZGluZz0iYjc5Nzk3ZTkwMjQyNDczZmI4MjgzZTY1NDg3MmQxOWYiXSBhICB7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfSAgLnRiLWNvbnRhaW5lcltkYXRhLXRvb2xzZXQtYmxvY2tzLWNvbnRhaW5lcj0iMzVhOGM3ZTc1YmQ3Y2EwOTVjMDA2YTY3MDIxYzcyODYiXSB7IGJvcmRlci1yYWRpdXM6IDVweDtwYWRkaW5nOiAyNXB4O21hcmdpbi1ib3R0b206IDMwcHg7Ym9yZGVyOiAxcHggc29saWQgcmdiYSggMjIxLCAyMjEsIDIyMSwgMSApOyB9IC50Yi1maWVsZFtkYXRhLXRvb2xzZXQtYmxvY2tzLWZpZWxkPSIyMWIxZjA2YzNlMTk1N2E4NzIzNzRhZWFlZjhjY2Y1YSJdIHsgdGV4dC1hbGlnbjogbGVmdDsgfSAudGItZmllbGRbZGF0YS10b29sc2V0LWJsb2Nrcy1maWVsZD0iMjFiMWYwNmMzZTE5NTdhODcyMzc0YWVhZWY4Y2NmNWEiXSBhIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9ICBoMy50Yi1oZWFkaW5nW2RhdGEtdG9vbHNldC1ibG9ja3MtaGVhZGluZz0iODg2OTgwNmJlMDg0MDgwOWVkODQzMDQ0YjFlMWVkNzMiXSAgeyBmb250LXNpemU6IDE4cHg7Zm9udC13ZWlnaHQ6IGJvbGQ7cGFkZGluZy10b3A6IDA7bWFyZ2luLXRvcDogMDttYXJnaW4tYm90dG9tOiAyMHB4OyB9IGgzLnRiLWhlYWRpbmdbZGF0YS10b29sc2V0LWJsb2Nrcy1oZWFkaW5nPSI4ODY5ODA2YmUwODQwODA5ZWQ4NDMwNDRiMWUxZWQ3MyJdIGEgIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9ICAudGItY29udGFpbmVyW2RhdGEtdG9vbHNldC1ibG9ja3MtY29udGFpbmVyPSJkMmM0ZWI5MmRiMWUzOTg0OTZmYmFhNDI0ZDZlYjcwMSJdIHsgcGFkZGluZzogMCAwIDQwcHggMDsgfSAudGItY29udGFpbmVyW2RhdGEtdG9vbHNldC1ibG9ja3MtY29udGFpbmVyPSI5NmRkNDkzYzE4MzkzYjY2YWQ3N2UzZmEyMjdhNzIyNyJdIHsgcGFkZGluZzogNDBweCAwIDAgMDsgfSAudGItZmllbGRbZGF0YS10b29sc2V0LWJsb2Nrcy1maWVsZD0iYzA0NWQzZmFmNzAyYWM3YjM5NmZlMWU3ZTg1NjYwYWUiXSB7IHRleHQtYWxpZ246IGxlZnQ7IH0gLnRiLWZpZWxkW2RhdGEtdG9vbHNldC1ibG9ja3MtZmllbGQ9ImMwNDVkM2ZhZjcwMmFjN2IzOTZmZTFlN2U4NTY2MGFlIl0gYSB7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfSAgW2RhdGEtdG9vbHNldC1ibG9ja3MtaW1hZ2U9IjBhNTVjM2MzYmZjYTE1MmFhMjgyMTI0ZmYyNTc2M2RlIl0geyBtYXgtd2lkdGg6IDEwMCU7IH0gW2RhdGEtdG9vbHNldC1ibG9ja3MtaW1hZ2U9IjBhNTVjM2MzYmZjYTE1MmFhMjgyMTI0ZmYyNTc2M2RlIl0gaW1nIHsgYm9yZGVyOiAxcHggc29saWQgcmdiYSggMjIyLCAyMjIsIDIyMiwgMSApOyB9IFtkYXRhLXRvb2xzZXQtYmxvY2tzLWltYWdlPSJiMzZhYWQ3NmQ1YzhmMmJlYWZlMmRkMzYwNmMzY2QzMiJdIHsgbWF4LXdpZHRoOiAxMDAlOyB9IFtkYXRhLXRvb2xzZXQtYmxvY2tzLWltYWdlPSJiMzZhYWQ3NmQ1YzhmMmJlYWZlMmRkMzYwNmMzY2QzMiJdIGltZyB7IGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoIDIyMiwgMjIyLCAyMjIsIDEgKTsgfSBbZGF0YS10b29sc2V0LWJsb2Nrcy1pbWFnZT0iZWFiNjE1OTViMzJmODQxYmVkOTJlNzA1NDY3ZGVmMmUiXSB7IG1heC13aWR0aDogMTAwJTsgfSBbZGF0YS10b29sc2V0LWJsb2Nrcy1pbWFnZT0iZWFiNjE1OTViMzJmODQxYmVkOTJlNzA1NDY3ZGVmMmUiXSBpbWcgeyBib3JkZXI6IDFweCBzb2xpZCByZ2JhKCAyMjIsIDIyMiwgMjIyLCAxICk7IH0gW2RhdGEtdG9vbHNldC1ibG9ja3MtaW1hZ2U9IjBhZWVjZmNiNmZmNTliMTA2OTEyN2EyNWMzMjE5MzZmIl0geyBtYXgtd2lkdGg6IDEwMCU7IH0gW2RhdGEtdG9vbHNldC1ibG9ja3MtaW1hZ2U9IjBhZWVjZmNiNmZmNTliMTA2OTEyN2EyNWMzMjE5MzZmIl0gaW1nIHsgYm9yZGVyOiAxcHggc29saWQgcmdiYSggMjIyLCAyMjIsIDIyMiwgMSApOyB9IEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogOTkxcHgpIHsgLnRiLWdyaWRbZGF0YS10b29sc2V0LWJsb2Nrcy1ncmlkPSI5ZjBkMmY3ZTY4NTcxOTEwYmRjMjI1MDEzMDk1YzRjNCJdIHsgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMC41ZnIpIG1pbm1heCgwLCAwLjVmcik7Z3JpZC1hdXRvLWZsb3c6IHJvdyB9IC50Yi1ncmlkW2RhdGEtdG9vbHNldC1ibG9ja3MtZ3JpZD0iOWYwZDJmN2U2ODU3MTkxMGJkYzIyNTAxMzA5NWM0YzQiXSA+IC50Yi1ncmlkLWNvbHVtbjpudGgtb2YtdHlwZSgybiArIDEpIHsgZ3JpZC1jb2x1bW46IDEgfSAudGItZ3JpZFtkYXRhLXRvb2xzZXQtYmxvY2tzLWdyaWQ9IjlmMGQyZjdlNjg1NzE5MTBiZGMyMjUwMTMwOTVjNGM0Il0gPiAudGItZ3JpZC1jb2x1bW46bnRoLW9mLXR5cGUoMm4gKyAyKSB7IGdyaWQtY29sdW1uOiAyIH0gLnRiLWZpZWxkW2RhdGEtdG9vbHNldC1ibG9ja3MtZmllbGQ9ImMxZjc2YTBiMDgzZGI0YmM0NzY1YzI2ZTBhNjJmYzNhIl0gYSB7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfSAgLnRiLWdyaWRbZGF0YS10b29sc2V0LWJsb2Nrcy1ncmlkPSJjZWY1YWVhY2RjYTAxZTFkYWUxMzEwMmFhMjc4N2E1ZiJdIHsgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMC41ZnIpIG1pbm1heCgwLCAwLjVmcik7Z3JpZC1hdXRvLWZsb3c6IHJvdyB9IC50Yi1ncmlkW2RhdGEtdG9vbHNldC1ibG9ja3MtZ3JpZD0iY2VmNWFlYWNkY2EwMWUxZGFlMTMxMDJhYTI3ODdhNWYiXSA+IC50Yi1ncmlkLWNvbHVtbjpudGgtb2YtdHlwZSgybiArIDEpIHsgZ3JpZC1jb2x1bW46IDEgfSAudGItZ3JpZFtkYXRhLXRvb2xzZXQtYmxvY2tzLWdyaWQ9ImNlZjVhZWFjZGNhMDFlMWRhZTEzMTAyYWEyNzg3YTVmIl0gPiAudGItZ3JpZC1jb2x1bW46bnRoLW9mLXR5cGUoMm4gKyAyKSB7IGdyaWQtY29sdW1uOiAyIH0gaDQudGItaGVhZGluZ1tkYXRhLXRvb2xzZXQtYmxvY2tzLWhlYWRpbmc9ImU2NWZmM2E1NWUyNjFiN2NkZTE2YmZjYTg0NGY1YjhhIl0gYSAgeyB0ZXh0LWRlY29yYXRpb246IG5vbmU7IH0gIC50Yi1ncmlkLWNvbHVtbltkYXRhLXRvb2xzZXQtYmxvY2tzLWdyaWQtY29sdW1uPSJlODYzZDY2ZWFjOTQ5OTA4YTVjNmM4ZDJmZDMxMzIwYyJdIHsgZGlzcGxheTogZmxleDsgfSAudGItZ3JpZC1jb2x1bW5bZGF0YS10b29sc2V0LWJsb2Nrcy1ncmlkLWNvbHVtbj0iMGVhYTk3MTE5MDIyZTZmMWIxZWI5M2IyMzA0NWEzNzciXSB7IGRpc3BsYXk6IGZsZXg7IH0gaDQudGItaGVhZGluZ1tkYXRhLXRvb2xzZXQtYmxvY2tzLWhlYWRpbmc9ImI3OTc5N2U5MDI0MjQ3M2ZiODI4M2U2NTQ4NzJkMTlmIl0gYSAgeyB0ZXh0LWRlY29yYXRpb246IG5vbmU7IH0gIC50Yi1maWVsZFtkYXRhLXRvb2xzZXQtYmxvY2tzLWZpZWxkPSIyMWIxZjA2YzNlMTk1N2E4NzIzNzRhZWFlZjhjY2Y1YSJdIGEgeyB0ZXh0LWRlY29yYXRpb246IG5vbmU7IH0gIGgzLnRiLWhlYWRpbmdbZGF0YS10b29sc2V0LWJsb2Nrcy1oZWFkaW5nPSI4ODY5ODA2YmUwODQwODA5ZWQ4NDMwNDRiMWUxZWQ3MyJdIGEgIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9ICAudGItZmllbGRbZGF0YS10b29sc2V0LWJsb2Nrcy1maWVsZD0iYzA0NWQzZmFmNzAyYWM3YjM5NmZlMWU3ZTg1NjYwYWUiXSBhIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9ICAgfSBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU5OXB4KSB7IC50Yi1ncmlkW2RhdGEtdG9vbHNldC1ibG9ja3MtZ3JpZD0iOWYwZDJmN2U2ODU3MTkxMGJkYzIyNTAxMzA5NWM0YzQiXSB7IGdyaWQtdGVtcGxhdGUtY29sdW1uczogbWlubWF4KDAsIDFmcik7Z3JpZC1hdXRvLWZsb3c6IHJvdyB9IC50Yi1ncmlkW2RhdGEtdG9vbHNldC1ibG9ja3MtZ3JpZD0iOWYwZDJmN2U2ODU3MTkxMGJkYzIyNTAxMzA5NWM0YzQiXSAgPiAudGItZ3JpZC1jb2x1bW46bnRoLW9mLXR5cGUoMW4rMSkgeyBncmlkLWNvbHVtbjogMSB9IC50Yi1maWVsZFtkYXRhLXRvb2xzZXQtYmxvY2tzLWZpZWxkPSJjMWY3NmEwYjA4M2RiNGJjNDc2NWMyNmUwYTYyZmMzYSJdIGEgeyB0ZXh0LWRlY29yYXRpb246IG5vbmU7IH0gIC50Yi1ncmlkW2RhdGEtdG9vbHNldC1ibG9ja3MtZ3JpZD0iY2VmNWFlYWNkY2EwMWUxZGFlMTMxMDJhYTI3ODdhNWYiXSB7IGdyaWQtdGVtcGxhdGUtY29sdW1uczogbWlubWF4KDAsIDFmcik7Z3JpZC1hdXRvLWZsb3c6IHJvdyB9IC50Yi1ncmlkW2RhdGEtdG9vbHNldC1ibG9ja3MtZ3JpZD0iY2VmNWFlYWNkY2EwMWUxZGFlMTMxMDJhYTI3ODdhNWYiXSAgPiAudGItZ3JpZC1jb2x1bW46bnRoLW9mLXR5cGUoMW4rMSkgeyBncmlkLWNvbHVtbjogMSB9IGg0LnRiLWhlYWRpbmdbZGF0YS10b29sc2V0LWJsb2Nrcy1oZWFkaW5nPSJlNjVmZjNhNTVlMjYxYjdjZGUxNmJmY2E4NDRmNWI4YSJdIGEgIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9ICAudGItZ3JpZC1jb2x1bW5bZGF0YS10b29sc2V0LWJsb2Nrcy1ncmlkLWNvbHVtbj0iZTg2M2Q2NmVhYzk0OTkwOGE1YzZjOGQyZmQzMTMyMGMiXSB7IGRpc3BsYXk6IGZsZXg7IH0gLnRiLWdyaWQtY29sdW1uW2RhdGEtdG9vbHNldC1ibG9ja3MtZ3JpZC1jb2x1bW49IjBlYWE5NzExOTAyMmU2ZjFiMWViOTNiMjMwNDVhMzc3Il0geyBkaXNwbGF5OiBmbGV4OyB9IGg0LnRiLWhlYWRpbmdbZGF0YS10b29sc2V0LWJsb2Nrcy1oZWFkaW5nPSJiNzk3OTdlOTAyNDI0NzNmYjgyODNlNjU0ODcyZDE5ZiJdIGEgIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9ICAudGItZmllbGRbZGF0YS10b29sc2V0LWJsb2Nrcy1maWVsZD0iMjFiMWYwNmMzZTE5NTdhODcyMzc0YWVhZWY4Y2NmNWEiXSBhIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9ICBoMy50Yi1oZWFkaW5nW2RhdGEtdG9vbHNldC1ibG9ja3MtaGVhZGluZz0iODg2OTgwNmJlMDg0MDgwOWVkODQzMDQ0YjFlMWVkNzMiXSBhICB7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfSAgLnRiLWZpZWxkW2RhdGEtdG9vbHNldC1ibG9ja3MtZmllbGQ9ImMwNDVkM2ZhZjcwMmFjN2IzOTZmZTFlN2U4NTY2MGFlIl0gYSB7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfSAgIH0g

Toolset lets you add maps with markers to any page. You can style the map and choose where to place markers. In this lesson we teach how to create a “static map” with one marker. Typically, you’ll include such maps on your “about us” or “contact us” pages.

Follow these steps

In order to see the Map block, you need to register the API key first register the API key first.

The Map block provides you with many options and ways to customize your maps. Use the options in the right sidebar to adjust all of the settings when you insert or edit a Map block.

Add a map marker

After inserting a Map block, you need to add markers to it by clicking the Add marker button.

Now you can add the address to your marker.

You can set different options for each marker. This includes changing the marker icon, adding content displayed when hovering or clicking a marker, and more.

LnRiLWNvbnRhaW5lcltkYXRhLXRvb2xzZXQtYmxvY2tzLWNvbnRhaW5lcj0iMzVhOGM3ZTc1YmQ3Y2EwOTVjMDA2YTY3MDIxYzcyODYiXSB7IGJvcmRlci1yYWRpdXM6IDVweDtwYWRkaW5nOiAyNXB4O21hcmdpbi1ib3R0b206IDMwcHg7Ym9yZGVyOiAxcHggc29saWQgcmdiYSggMjIxLCAyMjEsIDIyMSwgMSApOyB9IC50Yi1maWVsZFtkYXRhLXRvb2xzZXQtYmxvY2tzLWZpZWxkPSIyMWIxZjA2YzNlMTk1N2E4NzIzNzRhZWFlZjhjY2Y1YSJdIHsgdGV4dC1hbGlnbjogbGVmdDsgfSAudGItZmllbGRbZGF0YS10b29sc2V0LWJsb2Nrcy1maWVsZD0iMjFiMWYwNmMzZTE5NTdhODcyMzc0YWVhZWY4Y2NmNWEiXSBhIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9ICBoMy50Yi1oZWFkaW5nW2RhdGEtdG9vbHNldC1ibG9ja3MtaGVhZGluZz0iODg2OTgwNmJlMDg0MDgwOWVkODQzMDQ0YjFlMWVkNzMiXSAgeyBmb250LXNpemU6IDE4cHg7Zm9udC13ZWlnaHQ6IGJvbGQ7cGFkZGluZy10b3A6IDA7bWFyZ2luLXRvcDogMDttYXJnaW4tYm90dG9tOiAyMHB4OyB9IGgzLnRiLWhlYWRpbmdbZGF0YS10b29sc2V0LWJsb2Nrcy1oZWFkaW5nPSI4ODY5ODA2YmUwODQwODA5ZWQ4NDMwNDRiMWUxZWQ3MyJdIGEgIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9ICAudGItY29udGFpbmVyW2RhdGEtdG9vbHNldC1ibG9ja3MtY29udGFpbmVyPSJkMmM0ZWI5MmRiMWUzOTg0OTZmYmFhNDI0ZDZlYjcwMSJdIHsgcGFkZGluZzogMCAwIDQwcHggMDsgfSAudGItY29udGFpbmVyW2RhdGEtdG9vbHNldC1ibG9ja3MtY29udGFpbmVyPSI5NmRkNDkzYzE4MzkzYjY2YWQ3N2UzZmEyMjdhNzIyNyJdIHsgcGFkZGluZzogNDBweCAwIDAgMDsgfSAudGItZmllbGRbZGF0YS10b29sc2V0LWJsb2Nrcy1maWVsZD0iYzA0NWQzZmFmNzAyYWM3YjM5NmZlMWU3ZTg1NjYwYWUiXSB7IHRleHQtYWxpZ246IGxlZnQ7IH0gLnRiLWZpZWxkW2RhdGEtdG9vbHNldC1ibG9ja3MtZmllbGQ9ImMwNDVkM2ZhZjcwMmFjN2IzOTZmZTFlN2U4NTY2MGFlIl0gYSB7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfSAgW2RhdGEtdG9vbHNldC1ibG9ja3MtaW1hZ2U9IjBhNTVjM2MzYmZjYTE1MmFhMjgyMTI0ZmYyNTc2M2RlIl0geyBtYXgtd2lkdGg6IDEwMCU7IH0gW2RhdGEtdG9vbHNldC1ibG9ja3MtaW1hZ2U9IjBhNTVjM2MzYmZjYTE1MmFhMjgyMTI0ZmYyNTc2M2RlIl0gaW1nIHsgYm9yZGVyOiAxcHggc29saWQgcmdiYSggMjIyLCAyMjIsIDIyMiwgMSApOyB9IFtkYXRhLXRvb2xzZXQtYmxvY2tzLWltYWdlPSJiMzZhYWQ3NmQ1YzhmMmJlYWZlMmRkMzYwNmMzY2QzMiJdIHsgbWF4LXdpZHRoOiAxMDAlOyB9IFtkYXRhLXRvb2xzZXQtYmxvY2tzLWltYWdlPSJiMzZhYWQ3NmQ1YzhmMmJlYWZlMmRkMzYwNmMzY2QzMiJdIGltZyB7IGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoIDIyMiwgMjIyLCAyMjIsIDEgKTsgfSBbZGF0YS10b29sc2V0LWJsb2Nrcy1pbWFnZT0iZWFiNjE1OTViMzJmODQxYmVkOTJlNzA1NDY3ZGVmMmUiXSB7IG1heC13aWR0aDogMTAwJTsgfSBbZGF0YS10b29sc2V0LWJsb2Nrcy1pbWFnZT0iZWFiNjE1OTViMzJmODQxYmVkOTJlNzA1NDY3ZGVmMmUiXSBpbWcgeyBib3JkZXI6IDFweCBzb2xpZCByZ2JhKCAyMjIsIDIyMiwgMjIyLCAxICk7IH0gW2RhdGEtdG9vbHNldC1ibG9ja3MtaW1hZ2U9IjBhZWVjZmNiNmZmNTliMTA2OTEyN2EyNWMzMjE5MzZmIl0geyBtYXgtd2lkdGg6IDEwMCU7IH0gW2RhdGEtdG9vbHNldC1ibG9ja3MtaW1hZ2U9IjBhZWVjZmNiNmZmNTliMTA2OTEyN2EyNWMzMjE5MzZmIl0gaW1nIHsgYm9yZGVyOiAxcHggc29saWQgcmdiYSggMjIyLCAyMjIsIDIyMiwgMSApOyB9IEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogOTkxcHgpIHsgLnRiLWZpZWxkW2RhdGEtdG9vbHNldC1ibG9ja3MtZmllbGQ9IjIxYjFmMDZjM2UxOTU3YTg3MjM3NGFlYWVmOGNjZjVhIl0gYSB7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfSAgaDMudGItaGVhZGluZ1tkYXRhLXRvb2xzZXQtYmxvY2tzLWhlYWRpbmc9Ijg4Njk4MDZiZTA4NDA4MDllZDg0MzA0NGIxZTFlZDczIl0gYSAgeyB0ZXh0LWRlY29yYXRpb246IG5vbmU7IH0gIC50Yi1maWVsZFtkYXRhLXRvb2xzZXQtYmxvY2tzLWZpZWxkPSJjMDQ1ZDNmYWY3MDJhYzdiMzk2ZmUxZTdlODU2NjBhZSJdIGEgeyB0ZXh0LWRlY29yYXRpb246IG5vbmU7IH0gICB9IEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTk5cHgpIHsgLnRiLWZpZWxkW2RhdGEtdG9vbHNldC1ibG9ja3MtZmllbGQ9IjIxYjFmMDZjM2UxOTU3YTg3MjM3NGFlYWVmOGNjZjVhIl0gYSB7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfSAgaDMudGItaGVhZGluZ1tkYXRhLXRvb2xzZXQtYmxvY2tzLWhlYWRpbmc9Ijg4Njk4MDZiZTA4NDA4MDllZDg0MzA0NGIxZTFlZDczIl0gYSAgeyB0ZXh0LWRlY29yYXRpb246IG5vbmU7IH0gIC50Yi1maWVsZFtkYXRhLXRvb2xzZXQtYmxvY2tzLWZpZWxkPSJjMDQ1ZDNmYWY3MDJhYzdiMzk2ZmUxZTdlODU2NjBhZSJdIGEgeyB0ZXh0LWRlY29yYXRpb246IG5vbmU7IH0gICB9IA==

Use custom map marker icons

Out-of-the-box, Toolset provides you with an array of map marker icons. You can also easily add your own custom ones.

Go to the Toolset → Settings page and click the Maps tab. There, look for the Map markers section and click the Add a new marker button.

We recommend using the following format:

Use transparent PNG or SVG format so the map is visible underneath the marker icon.
Use icons with dimensions of 32 x 32 pixels. This is the dimension we automatically resize the SVG markers to. We don’t scale other image format so if you use them, upload them in the exact size as you want them to appear on the map.

Main Toolset Block Used in this Lesson

Map

Maps with static and dynamic markers

Dario

Originally written: May 13, 2020

Updated: January 19, 2021

Send feedback to our documentation team

Displaying a Simple Map in WordPress