Ok, es bastante fácil, create una de cada y pruebas. Si no es la correcta te dará un error, para tu proyecto creo que tienes que usar la de navegador y si eso la de servidor. Probablemente para lo que quieres funcionen ambas. Las claves tipo servidor se suelen usar cuando haces un programa con PHP, python, java y demás, es decir, cuando no son accesibles. Las de tipo navegador creo que son las que pueden ir embebidas detro del codigo HTML/JavaScript por lo cual cualquier persona puede verlas cuando le da a inspeccionar código fuente. No se si me explico...
En cualquier caso para google maps según la documentación de google
https://developers.google.com/maps/docu ... es#api_keySección "Para crear tu clave de API:" punto 4 : "Las aplicaciones del API de Google Maps utilizan la clave para aplicaciones del navegador."
Cuando te aparece la caja de texto para poner una IP (esto es para clave de servidor) o para poner un dominio (esto es para clave de navegador) no escribas nada y punto. Eso se utiliza para cuando quieres tu clave solo funcione desde ciertos servidores o dominios.
Como ves si no pones nada y lo dejas en blanco, se te creara la clave y donde pone IPS o referencias pondra algo como que se puede acceder desde cualquier IP o sitio.
Una de las razones por la que existe eso es porque si alguien se hace con tu clave puede acabar con el limite de peticiones gratuitas que da google al mes, ademas de otras razones de seguridad, en la consola de desarrolladores de google aparece el uso de esas peticiones en la pestaña de USO de cada api habilitada, en la pestaña de Cuotas tienes las peticiones que se pueden hacer por día. En el momento que te pasas de peticiones, la api responde con un mensaje de que has superado la cuota en vez de con los datos que le solicites. Para tu caso no importa, por eso lo puedes dejar en blanco, además en cualquier momento futuro puedes crear otra clave nueva o añadir restricciones de IP-Dominio.
Una vez creadas las dos claves , tienes que irte a la sección que pone API y activar los servicios. Tendrás que activar los de google maps para javascript y otra api interesante que te recomiendo para practicar es la de
PLACES (para places creo que es mejor usar clave servidor aunque no creo que sea obligatorio) que sirve para buscar negocios como bares, restaurantes, tiendas, agencias de viaje etc... Que con eso y google maps puedes por ejemplo mostrar las peluquerías o cualquier tipo de negocio que existen en una zona. (places limita los resultados a 60 negocios por búsqueda) y asi tienes la combianción de 2 apis interesantes.
Para comprobar que todo funciona correctamente te pongo una peticion de google places que devuelve n buen JSON con negocios. Cambia AQUIVATUCLAVE con la que generes tu desde el panel. Este mismo ejemplo esta donde se activa google places.
https://maps.googleapis.com/maps/api/pl ... IVATUCLAVE 