Solucionar problema puntual en mapa embebido

Hola,
Recientemente cree unos mapas interactivos en Google My Maps:
https://www.google.com/maps/d/u/0/viewer?ll=21.63598611038178%2C-102.26930721862817&z=6&mid=1E23HfdNiQlHUd9OR8l3mwfkpXkkRR_td
Quiero embeber este y otros mapas en mi web, pero evitando el zoom scrolling. Supuestamente existen diferentes maneras para ello:
1 - Código html y css: el problema con este método es que el marco css interfiere con otro de los elementos de la página evitando que funcione correctamente...
2 - Bajar el archivo kml y subirlo mediante el plugin wp google maps pro: tampoco funciona ya que el layer aparece con unos markers muy feos, y la info no aparece como aparece en GMyMaps que es lo ideal...
3 - Usar jQuery: Este método no lo he intentado todavía porque no sé usar jQuery...
Debido a ser un problema bastante puntual, me interesaría un presupuesto bajo... En caso de funcionar bien, estaría interesado en futuras ayudas para la implementación de sistemas de pago con tarjeta...
Gracias!